float: left|right nur im Netscape 7 und Opera 6 richtig?

[FrankaB]

moin,

html,body {height: 100%; width: 100%; margin: 0px; padding: 0px; background-color: #fff; color: #000;}
#div1  {width: 25%; background-color: #ccc; color: #000; margin: 0px; padding: 0px; float: left;}
#div2  {width: 75%; height: 300px; background-color: #999; color: #000; margin: 0px; padding: 0px;}
Hier ist alles richtig, so wie ich sehe.

vielleicht nicht ganz:

1. wozu height: 100%;?

2. würde ich für div1 und div2 weniger als 100% (also 25%+75%) in der breite nehmen (rundungsfehler, scrollleisten, etc...)

<div id="div1">
Innerhalb von DIV-1
</div>
<div id="div2" style="">
Außerhalb von DIV-1,<br>
dafür aber innerhalb von DIV-2
</div>
Hier ist etwas falsch, du solltest die divs verschachteln, damit sie richtig floaten, denn so werden sie untereinander dargestellt.

floating heisst ja aber, dass div2 um div1 fließt und nicht innerhalb. es sollte also auch ohne dieses workaround funktionieren.

füge spassenshalber beim 2. div auch noch ein float:left an.

FaB