[CSS] verhindern, dass DIV umbricht

[alcaeus]

Zitat von Meflin:

Danke alcaeus, scheint so als würde das ganze nun endlich passen, man glaubt es kaum

Ich bin mir nicht ganz sicher. Im IE7 und Firefox siehts gleich aus, ausser du machst das Fenster kleiner. Dann schiebt der IE7 die main-box nach unten, so dass ihr oberes Ende buendig mit dem unteren Ende der left-box ist. Also ein quasi-Zeilenumbruch, aber wegen des margin-left kann er die Box nicht ganz links rueberschieben.


BTW, du solltest evtl. die Standard-margins und -paddings ueberschreiben, und dann immer auf eigene Werte setzen, nachdem du ja auf eine fixe Breite aufbaust. Der eine Browser nimmt normal 3px, der andere 5, der eine zaehlt das Padding zur Hoehe hinzu, der andre zaehlts ab, usw. Dann wuerde das Ganze so aussehn:

Code:

body
{
   padding:10px;
}

div
{
   padding:0px;
   margin:0px;
}

#left
{
   width:180px;
   float:left;
}

#main
{
   width:787px;
   margin-left:190px;
}

Klein, leicht und handlich

Greetz
alcaeus

[edit]Jup, kannst vergessen. Die main-Box rutscht bei einem kleinen Fenster ganz nach unten und versucht, unter die left-Box zu kommen
Ehrlich: ich wuerde die main-box mit position:absolute; positionieren
[/edit]