|
Geschrieben am: 05.01.2007 um 16:43 Uhr
|
|
Zitat von Ottmann: Hallo zusammen,
ich bin gerade dabei eine Typo3 Designvorlage zu erstellen und hab volgendes problem
ich habe nun die DIVS, root, menu und content
angeordnet sind sie so:
< div id=root >
< div id=menu > < /div >
< div id=conten > < /div >
< /div >
root und menu haben den background schwarz und content weiß
content und menu haben jeweils eine mindeshöhe über min-height zugewiesen bekommen.
so klappt jetzt auch alles ganz super der div content kann beliebig lang werden und danke dem root div verlängert sich der schwarze balken div menu automatisch mit
wenn jedoch der div menu nun länger als der div content wird so erscheint unterhalb von content ein schwarzer balken (weger dem root div)
meine frage ist es nun ob es bei css eine möglichkeit gibt zu sagen beide divs haben folgende mindesthöhe, sobald ein div diese mindeshöher überschreitet bekommt der andere die selbe zugeordnet
also dass sozusagen beide divs immer gleich groß sind egal ob die mindeshöhe eingehaltent wird oder nicht
hier mal noch die seite zur veranschaulichung
LINK
danke schon mal für eure hilfe
lg der ottmann
Nein, das ist nur mit diversen Workarounds möglich, u.A. hab ich einmal ein recht komplex verschachteltes Div Layout erstellt das x Hilfs Divs verwendet hat um die gewünschte Ausgabe zu erzielen. Mit viel Kaffee und Willen klappte es dann w3c konform und Browserkompatibel nachdem ich für 3 gängige Browser 3 unterschiedliche CSS Vorlagen erstellt hat....
Im übrigen ist min-height nicht besonders freundlich zum Internet Explorer, Opera, Firefox kennen diese Eigenschaft und im IE gibts damit Probleme....
Siehe auch http://www.css4you.de/browsercomp.html
dort wirst du denke ich Anreize finden
Aristoteles: "Es gibt kein großes Genie ohne einen Schuß Verrücktheit."
|