Guten Tag,
Ich möcht mich herzlich für die gemachten Hinweise bedanken. Sowas suche ich schon lange, allerdings habe ich festgestellt, dass Mozilla und Opera es nicht ganz so darstellen wie ich es möchte. Bei height:100%; in allen divs, brechen sie die divs nach genau einer Bildschirmlänge ab, während IE height auf die Größe des Eltern-div bezieht. Nehme ich height aus dem Eltern-div wird es noch schlimmer und jeder der drei reagiert anders, aber alle nicht wie ich es möchte und das margin-top:-xpx; hilft auch nicht mit clear:both;.
<div style="height:100% ;width:100%; background-color: fuchsia;">
<div style="float:left; clear: left; width:30px; height:100%; background: purple url(left.png);">l1</div>
<div style=" height:100%; width:40px; background:aqua url(right.png); clear: right; float: right;">l2</div>
<div style="">text<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
text<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
text<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
text<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
text<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
text
</div></div>