nicht angemeldet
Hi Steffi,
Javascript würde ich gleich wieder vergessen, es sei denn Du willst für so ein simples Problem soviel Aufwand betreiben und Du kannst bei den Bersuchern Deiner Seite voraussetzen, daß sie alle Javascript auch aktiviert haben.
Außerdem machst Du einen typischen Anfängerfehler, indem Du versuchst, nicht nur alles in fixe Boxen zu packen, sondern diese dann auch noch absolut positionierst.
Wenn ich Dein Konstrukt richtig verstehe, dann müßte das, was Du erreichen willst, wie folgt funktionieren (ausnahmsweise mal einen fertigen Code, um Dich von der absoluten Positionierung abzubringen, die Dir nachträglich viel Ärger einhandeln kann).
CSS:
<style type="text/css">
body { text-align:center; }
#rahmen { width:720px; 20px auto 0; }
#layer1 { width:700px; height:50px; border:1px solid green; }
#layer2 { width:100px; height:500px; float:left; border:1px solid red; }
#layer3 { width:590px; height:490px; float:right; margin-top:10px; border:1px solid blue; }
</style>
HTML:
<div id="rahmen">
<div id="layer1">Layer1</div>
<div id="layer2">Layer2</div>
<div id="layer3">Layer3</div>
</div>
Die Rahmen hab' ich hier natürlich nur zur Verdeutlichung gesetzt. Und eine fixe Höhe würde ich an Deiner Stelle auch nicht angeben, es sei denn, Du hast wirklich so wenig Inhalt, daß dieser selbst bei Schriftvergrößerung noch in den Rahmen paßt.
freundliche Grüße
Ingo