nicht angemeldet
Hi Andreas,
Jetzt kommt das problematische div (footer). Es soll über die gesamte Breite gehen, und sich unten an das höhere der beiden nebeneinanderliegenden divs (submenu, content) anlegen. Das Problem ist, daß ich die top-Position nicht kenne, da die Höhe von submenu und content variabel ist.
und genau aus diesem Grund musst du dich von absoluter Positionierung trennen. Ein simpler Aufbau mit float/clear reicht hier vollkommen aus:
#header { border:1px solid #f00; }
#links { float:left; width:200px; border:1px solid #0f0; }
#rechts { float:left; border:1px solid #00f; }
#footer { clear:left; border:1px solid #000; }
<div id="header">
<p>header</p>
</div>
<div id="links">
<p>links</p>
<p>bla<br />bla<br />bla<br />bla<br />bla<br />bla<br />bla<br /></p>
</div>
<div id="rechts">
<p>rechts</p>
</div>
<div id="footer">
<p>footer</p>
</div>
Danke, sieht im ersten Moment gut aus.
Wenn aber viel Inhalt in "rechts" drin ist, schiebt Mozilla das aber unter das div "links", so daß alle 4 Divs untereinander stehen.
Naja, mal weiterexperimentieren...
Andreas