Damrod
Threadersteller
Dabei seit: 25.11.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 25.11.2009 23:59
Titel Nested DIVs und eins mit 100% + scrollbar bitte ;) |
|
|
Hallo,
Ich möchte gerne folgendes erreichen.
Code: |
<div id="d0">
<div id="d1">
</div>
<div id="d2">
</div>
</div>
|
d0
+----------------+
|+------------- +|
||d1
||
||
|+--------------+|
|+--------------+|
||d2
|+--------------+|
+----------------+
Wobei d0 eine fixe höhe hat. Zb. 400px.
d1 hat eine variable höhe (enthält eine textarea die automatisch ihre höhe verändert falls der platz nicht ausreicht).
und d2 soll den restlichen bereich einnehmen (100%), also 400px -x.
d2 enthält nun aber einen inhalt der größer ist als 400px - x.
Und das ist der knackpunkt. Ich hätte gerne eine scrollbar an d2.
Das problem ist, dass im moment d2 sein parent element d0 überfließt oder ich eine scrollbar an d0 habe und nicht an d2.
Mein css:
Code: |
#d0
{
background-color: #999999;
width:200px;
height:400px;
border:solid 1px #000000;
}
#d1
{
height:300px;
}
#d2
{
height:100%;
min-height:100%;
height:auto;
overflow:auto;
border:solid 1px #000000;
}
|
Ich hoffe mir kann jemand weiterhelfen...
Beste Grüße,
Damrod
|
|