div box aufbau - problem mit höhe

ich krieg gleich echt die krise.

ich habe jetzt eine wrapper, eine menu und eine content box.

so. nun ist das css
#wrapper {
left:12%;
position:absolute;
width: 900px;
border:10px solid white;
background-image: url(‚…/bilder/bg.png‘);
}

#showcontent{
margin-left:300px;
}

#menu {
left: 0;
width: 300px;
position:absolute;
}

jetzt soll das wrapper aber immer so hoch sein je nachdem der inhalt v on content ODER dem menü ist. das menü ändert sich variabel und der content auch.
so richtet es sich NACH DEM CONTENT AUS.
es soll sich aber AUCH nach dem MENU ausrichten.
:sad: :sad:

ich verzweifl gleich

padding, margin, alles probiert, es geht nicht…

Faux Columns

Ich denke das hilft dir :wink:

T02

[U]

[/U]

Hallo

SChau dir mal den folgenden Link an, könnte dir evtl. weiterhelfen

SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

mfg
MasterChief

ich krieg gleich echt die krise.

ich habe jetzt eine wrapper, eine menu und eine content box.

so. nun ist das css
#wrapper {
left:12%;
position:absolute;
width: 900px;
border:10px solid white;
background-image: url(‚…/bilder/bg.png‘);
}

#showcontent{
margin-left:300px;
}

#menu {
left: 0;
width: 300px;
position:absolute;
}

jetzt soll das wrapper aber immer so hoch sein je nachdem der inhalt v on content ODER dem menü ist. das menü ändert sich variabel und der content auch.
so richtet es sich NACH DEM CONTENT AUS.
es soll sich aber AUCH nach dem MENU ausrichten.
:frowning: :frowning:

ich verzweifl gleich

padding, margin, alles probiert, es geht nicht…

edit: da sich das problem geändetr hat =)

Probier mal so. Ich hätte es nicht mit absoluter Positionierung gemacht und kann deshalb ehrlichgesagt nicht erklären, warum die Floats im umgebenden Element bleiben, aber so scheint es zu gehen.

[code]#wrapper {
left: 12%;
position: absolute;
width: 900px;
border: 10px solid black;
background: #f00 url(‚…/bilder/bg.png‘);
}

#content{ /* showcontent ? */
width: 600px;
float: left;
height: 600px;
background: #00f;
}

#menu {
float: left;
width: 300px;
height: 400px;
background: #0f0;
}[/code]