Hallo -
2 Probleme hab ich nun aber wieder
- Das div2 verschiebt sich nicht mit, wenn man das Fenster skaliert
- div 1 hat eine variable Höhe. div 3 soll aber immer exakt an derselben Stelle stehen. Beim Skalieren soll es abenfalls mitwandern.
Werd weiter testen, bin aber für jeden Hinweis dankbar!
Versuch mal das: Steck die Boxen 1 und 3 in eine Box 0, die neben Box 2 links floatet. Etwa so:
<style type="text/css">
<!--
#box0 {float: left; margin: 0; width: auto; height: auto;}
#box1 {margin: 0; width: 100px; height: 100px; border: 1px solid #0000ff;}
#box2 {margin: 0 0 0 120px; width: 500px; height: 500px; border: 1px solid #ff0000;}
#box3 {margin: 10px 0 0 0; width: 100px; height: 100px; border: 1px solid #0000ff;}
-->
</style>
----------
<body>
<div id="box0">
<div id="box1">Das ist die erste</div>
<div id="box3">Das ist die dritte</div>
</div>
<div id="box2">Das ist die zweite</div>
</body>
Ich habe es ausprobiert - bei mir funktioniert das.
Es sollten aber maximal zwei Boxen in einer anderen stecken.
mfg
cygnus