Das Gelb sollte eigentlich neben dem Grünen sein. Im IE7 und 8 wird es korrekt angezeigt. Könnt Ihr mir bitte helfen?
http://www.imgbox.de/show/img/tRq3w2QygN.png Irgendwie wird das Bild nicht mit den BB-Code angezeigt
Hier der Code
HTML-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/xhtml1-loose.dtd"> <html> <head> <title></title> <style type="text/css" media="screen"> * {padding:0;margin:0;} html {height:100%; font-size:100.01%; } body {} #container{ margin:0 auto; width:834px; background-color:black; border: 1px solid black; } #header{ width:834px; height:196px; background-color:red; } #mainnav{ width:834px; height:18px; background-color:pink; } #navr { width:320px; height: 400px; background-color:green; float:right; } #main{ width:514px; height: 400px; background-color: yellow; } #footer{ width:834px; height: 18px; background-color: blue; clear:both; } #test1, #test2, #test3 { width:100px; height:150px; border: 1px solid black; margin:0 auto; } </style> </head> <body> <div id="container"> <div id="header"></div> <div id="mainnav"></div> <div id="navr"> <div id="test1"></div> <div id="test2"></div> <div id="test3"></div> </div> <!-- NAVENDE --> <div id="main"></div> <div id="footer"></div> </div> <!-- CONTAINER-ENDE --> </body> </html>
Der IE6 scheint zu denken, daß der gelbe Bereich nicht neben den grünen passt. Ist mir auch schon aufgefallen, daß er da bei den Berechnungen irgendwas falsch macht .. vielleicht denkt er, der Container ist nu 832 breit, weil er die border abzieht oder sowas
Kannst mal versuchen, #main 2 Pixel schmaler zu machen. Der IE6 lässt sich ja per Conditional Comments gut einzeln ansprechen, wenn das in anderen Browsern zu blöden Effekten führt.
Wenn ich z.B. einen div nach rechts floate sollte auch etwas da sein, was ihn dann links umfliessen kann. Da ist aber nichts zum umfliessen!
Den End-Tag </div> vom Container mainnav solltest du daher nach dem end Tag von main setzen. So befinden sich dann navr und main innerhalb von mainnav.
So klappt es dann:
By the way: die div;s test1, 2, 3 passen von der Höhe dann natürlich nicht in den navr rein. 3 x 150 = 450 ist mehr als height: 400px; von navr.<div id="container">
<div id="header"></div>
<div id="mainnav">
<div id="navr">
<div id="test1"></div>
<div id="test2"></div>
<div id="test3"></div>
</div> <!-- NAVENDE -->
<div id="main"></div>
</div> <!-- Ende mainnav -->
<div id="footer"></div>
</div> <!-- CONTAINER-ENDE -->
Kein IE bug, sondern bug des Anwenders
Edit: Alles Quatsch, nehme alles zurück und behaupte das Gegenteil
Geändert von His.Master's.Voice (08.07.2010 um 22:07 Uhr) Grund: Ergänzung
Gruß HMV
öhmm .. ist mainnav nicht einfach nur der schmale rosa Balken oben, für ne Navigation unterm Header? Dadrin haben main und navr doch eigentlich nix verloren .. wenn, dann kann man das navr vielleicht in main reinpacken. Oder ein neues div machen, in dem beide drinstecken. Aber obs zwingend nötig ist .. sind ja alle quasi im container ... hmm .. ich glaub, ich hab alle Varianten schonmal benutzt *lach*
Stimmt, jetzt habe ich kurzer Hand den rosa Balken ins Nirvana befördert. Das war ein Eigentor --> Bug von His.Master's.Voice!
Gruß HMV
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren