nicht angemeldet
Hallo zusammen,
ich hoffe mir kann evtl hier jemand mit einem Problem helfen über das ich immer wieder stolpere (scheinbar sind die Designs immer ähnlich) aber bis jetzt keine sinnvolle Lösung gefunden habe.
Es geht darum wie sich div Tags in einem Container aufteilen.
Beispiel:
<div style="overflow:hidden;width:370px;height:500px;border:solid black 1px;">
[code lang=html] <div style="height:50px;">Iam the header</div>
a bit blabla
<div style="overflow:auto;border:solid blue 1px;">
scrollable container
<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x
</div>
</div> [/code]
Der äussere container ist fix und wird im layout von einer globalen resize funktion entsprechend angepasst (die breite ist immer gleich aber die höhe ändert sich jenachdem wie der user den browser resized)
Wie krieg ich nun den unteren inneren (overflow) container dazu sich den rest innerhalb des containers zu krallen? 100% geht nicht, weil darüber ja noch ein header steht und sich die prozentangaben ja nur auf den umgebenen container beziehen.
Eine Tabelle hab ich auch schon probiert, funktioniert aber leider nicht weil die sich scheinbar endlos vertikal ausdehnt.
Fazit: Wie krieg ich den unterne inneren Div dazu sich den rest zu krallen und scrollbar zu bleiben?
Gruß
Treeda