tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von Jan-Frederik Stieler
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
274
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 22.07.11 11:35 #1
    Bammel Bammel ist offline Rookie
    Registriert seit
    Jul 2011
    Beiträge
    5
    Hallo Community ,
    habe hier schon viel hier gefunden. Leider nicht das was ich gerad brauche.
    Ich versuche krampfhaft ein Bild innerhalb einer Tabelle (oder "divtabelle") über mehrere Zellen anzuzeigen. Konkret soll das heißen, ich habe eine dynamische Seite (das heißt position:absolut fällt leider weg). Nun ein Beispiel, möchte ich in der 2. Spalte, 2. Zeile ein Bild einfügen, welches größer ist als die Zelle und verschiebe das dann nach oben. Im Firefox klappt das alles super (sowohl mit Tabelle als auch mit Divs). Der Internet Explorer 6 (kann mir das jmd mit einem neueren IE verifizieren?) macht allerdings die Zelle/div so groß wie das Bild selbst, was mir die ganze Tabelle zerstört.

    Zur Veranschaulichung hier ein Screenshot:
    http://img263.imageshack.us/img263/343/beispiele.jpg

    Der stark vereinfachte Quellcode mit Divs sieht wie folgt aus:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<STYLE TYPE="text/css">
.divstyle{
    width:182px;
    height:54px;
    float:left;
    border: 1px solid #FAD614;
}
.divzeile{
    width:2080px;
    height:54px;
    float:left;
}
.platzhalter{
overflow:visible;
    position:relative;
    top:-20px;
    left:0px;
    width:182px;
    height:10px;
    z-index:2;
    background-color:yellow;
}
.bild{
    background-image:url(symbol.gif);
    float:none;
    position:relative;
    top:-33px;
    left:0px;
    width:182px;
    height:162px;
    z-index:20;
    background-repeat:no-repeat;
}
</STYLE>
</head>
<body>
<div>
  <div class="divzeile">
    <div class="divstyle">
        1
    </div>
    <div class="divstyle">
        2
    </div>
    <div class="divstyle">
        3
    </div>
  </div>
  <div class="divzeile">
    <div class="divstyle">
        4
    </div>
    <div class="divstyle">
        <div class='platzhalter'>
            <div class='bild'>5</div>
        </div>
    </div>
    <div class="divstyle">
        6
    </div>
  </div>
  <div class="divzeile">
    <div class="divstyle">
        7
    </div>
    <div class="divstyle">
        8
    </div>
    <div class="divstyle">
        9
    </div>
  </div>
</div>
</body>
</html>
    Bin über jede Hilfe sehr dankbar. Vielleicht kennt auch jemand noch einen anderen Lösungsansatz. Ich kenne wie gesagt jedoch keinen konkreten Koordinaten, noch darf sich die Tabelle von dem Bild nicht verändern lassen. Wieso geht das nur immer im FF und nie im IE

    Liebe Grüße, Bammel
    Geändert von Bammel (22.07.11 um 11:44 Uhr)
     
    Zitieren Zitieren
  2. 22.07.11 12:15 #2
    Avatar von Jan-Frederik Stieler
    Jan-Frederik Stieler Jan-Frederik Stieler ist offline JFS - aka DirtyWorld
    tutorials.de Moderator
    Registriert seit
    Nov 2003
    Ort
    Darmstadt
    Beiträge
    4.934
    Blog-Einträge
    1
    Hallo,
    mir sieht das so aus als ob der IE die CSS Höhe deines DIV ignoriert und der des Inhaltes anpasst. Heißt #platzhalter ist so groß wie sein Inhalt .bild.
    Leider hab ich grad keinen IE zur Hand um auszuprobieren wie man das umgehen kann.
    Aber vielleicht hilft dir schon meine Fehleranalyse weiter.

    Viele Grüße
     
    Dirt is my World
    www.janstieler.de coming soon!
    Xing Profil (OpenBC)
    del.icio.us Profil
    flickr Profil

    Portfolio

    Bitte bewerte mich wenn ich dir weitergeholfen habe. Und makiere dein Beitrag als erledigt wenn das Problem geklärt wurde.
    Information zum neuen Bewertungsmodell.
    Zitieren Zitieren
  3. 22.07.11 14:04 #3
    Bammel Bammel ist offline Rookie
    Registriert seit
    Jul 2011
    Beiträge
    5
    Zitat Zitat von Bammel Beitrag anzeigen
    [...]Der Internet Explorer 6 [...] macht allerdings die Zelle/div so groß wie das Bild selbst, was mir die ganze Tabelle zerstört.
    Da hast du Recht . Allerdings hab ich auch schon so einiges ausprobiert. Ausgehend von einer Tabelle mit span, über div im div mit background-image oder einer Tabelle im div (was noch verwirrterere Resultate lieferte). Ich kenne mich mit CSS auch leider nicht so sehr aus und probiere mehr als, als das ich wüsste was ich da machen .

    Gruß Bammel
     
    Zitieren Zitieren
  4. 25.07.11 09:16 #4
    Bammel Bammel ist offline Rookie
    Registriert seit
    Jul 2011
    Beiträge
    5
    Hallo,
    ich wollte nochmal fragen ob jemand zufällig eine Lösung hat. Probiere gerne alles aus, ich weiß nur nicht wie man das noch machen könnte. Ausserdem wollte ich noch fragen ob es eine Möglichkeit gibt sich die Webseite unter verschiedenen Browsern anzusehen? Kann man zb IE 6 und IE 8 gleichzeitig installiert haben? Oder gibt es einen Emulator?

    Viele Grüße
    Bammel
     
    Zitieren Zitieren
  5. 25.07.11 11:46 #5
    Avatar von Jan-Frederik Stieler
    Jan-Frederik Stieler Jan-Frederik Stieler ist offline JFS - aka DirtyWorld
    tutorials.de Moderator
    Registriert seit
    Nov 2003
    Ort
    Darmstadt
    Beiträge
    4.934
    Blog-Einträge
    1
    Hi,
    neben Webseiten wie Browsershots gibt es für Windows die Software MultipleIE, welche unter Vista und Windows 7 jedoch scheinbar nicht läuft, und zu guter letzt noch den IETester. Hoffe das hilft dir zumindest mal was die Testumgebung betrifft weiter.

    Viele Grüße
    Bammel bedankt sich. 
    Dirt is my World
    www.janstieler.de coming soon!
    Xing Profil (OpenBC)
    del.icio.us Profil
    flickr Profil

    Portfolio

    Bitte bewerte mich wenn ich dir weitergeholfen habe. Und makiere dein Beitrag als erledigt wenn das Problem geklärt wurde.
    Information zum neuen Bewertungsmodell.
    Zitieren Zitieren
« Drop down click | DIV-Box mit dynamischem Inhalt »

Ähnliche Themen

  1. Bedingte Formatierung auf mehrere Zellen anwenden
    Von Sliver im Forum Office-Anwendungen
    Antworten: 1
    Letzter Beitrag: 07.10.09, 07:59
  2. Mehrere Werte von Zellen mit anderen vergleichen
    Von Trash im Forum Visual Basic 6.0
    Antworten: 2
    Letzter Beitrag: 10.12.08, 14:53
  3. Bild über mehrere Zellen
    Von Matze im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 30.01.08, 11:32
  4. Formular über mehrere Zellen/Spalten
    Von unlord im Forum HTML & XHTML
    Antworten: 6
    Letzter Beitrag: 10.09.07, 20:40
  5. Image über mehrere JLabels
    Von javaml im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 4
    Letzter Beitrag: 25.04.07, 09:54

Stichworte