|
|||
div Float im IE6 OK in FF2 keine chance
Liebe Leute,
ich kopfe hier schon lange rum und werd nicht schlau. Im Internet Explorer funktioniert das auch einwandfrei aber im Firefox bleiben die Boxen unten hängen. Ich habe auf der linken Seite Grüne Kurze Boxen und zwischendrinnen Gelbe lange und auf der rechten Seite sollten dann oben die roten Boxen zu sehen sein, doch diese bleiben unten hängen. Was mach ich falsch? Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Unbenanntes Dokument</title> <style type="text/css"> <!-- .links { float:left; clear:left; background: #0f0; border: 1px solid #999900; width: 200px; height:40px; margin: 5px; } .long { float:left; clear:both; background: #ff0; border: 1px solid #999900; width: 450px; height: 80px; margin: 5px; } .rechts { float: left; background: #f00; border: 1px solid #993300; width: 200px; height:40px; margin: 5px; clear: none; } .maincontent { display:inline-block; width:500px; border:#0FF solid 2px; } .doclear:after{ content: "asd"; display:block; height:0px; clear:both; visibility:hidden; } --> </style> </head> <body> <div class="maincontent"> <div class="links">1 Raum für den Inhalt des neuen Div-Tags</div> <div class="links">2 Raum für den Inhalt des neuen Div-Tags</div> <div class="long">1 Raum für den Inhalt des neuen Div-Tags</div> <div class="links">3 Raum für den Inhalt des neuen Div-Tags</div> <div class="rechts">1 Raum für den Inhalt des neuen Div-Tags</div> <div class="rechts">2 Raum für den Inhalt des neuen Div-Tags</div> <div class="rechts">3 Raum für den Inhalt des neuen Div-Tags</div> <div class="doclear"></div> </div> </body> </html> |
Sponsored Links |
|
|||
Grundregel: Wenn IE und Firefox was unterschiedlich machen, dann hat der Firefox recht.
Ordne die Elemente im Quellcode mal in der Reihenfolge an, wie sie zu sehen sein sollen (von links nach rechts und von oben nach unten). Robin
__________________
CSS-Rauch! Nicht einatmen! |
Sponsored Links |
|
|||
Danke für deine Antwort.
Der Grund wieso ich zuerst alles aus der linken Spalte und dann alles aus der rechten Spalte möchte ist, dass ich mir die Daten aus der DB hole. Mal zuerst alles Links unn dann alles Rechts. Sollte ich dich recht verstehen, dann geht das gar nicht? |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
div mit float left bleibt an höherem div hängen. | bine2712 | CSS | 3 | 07.04.2010 00:48 |
Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 23:48 |
IE zeigt gewisse Texte nicht an | zitronenbaum | CSS | 2 | 16.01.2008 16:25 |
Zeilenumbruch bei horizontal nebeneinanderliegenden divs | GrafZahl | Knowledge Base | 10 | 16.07.2004 17:13 |