Du bist nicht eingeloggt.

Login

Pass

Registrieren

Community
Szene & News
Locations
Impressum

Forum / Bits und Bytes

2 DIV's dynmamisch mit gleicher Höhe

Ottmann - 37
Fortgeschrittener (offline)

Dabei seit 03.2003
76 Beiträge

Geschrieben am: 04.01.2007 um 15:08 Uhr
Zuletzt editiert am: 04.01.2007 um 15:09 Uhr

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

Caarcrinolas - 41
Profi (offline)

Dabei seit 02.2006
909 Beiträge

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."

last-knight - 39
Experte (offline)

Dabei seit 08.2005
1014 Beiträge

Geschrieben am: 05.01.2007 um 17:18 Uhr

Du könntest menu und content in ein überdiv packen und diesem als hintergrund eine sich wiederholende linie mit dem schwarzen teil vom menu und dem weißen teil vom content geben!
Das ist glaub der einfachste workaround.
Ich hab das so auch schonmal gebraucht, hab nur grad kein Beispiel da. Aber wenn no was brauchst schau ich mal bei zeiten nach...

Das Leben ist eine Krankheit, die durch Geschlechtsverkehr übertragen wird und immer tödlich endet.

Ottmann - 37
Fortgeschrittener (offline)

Dabei seit 03.2003
76 Beiträge

Geschrieben am: 05.01.2007 um 18:41 Uhr

Zitat von last-knight:

Du könntest menu und content in ein überdiv packen und diesem als hintergrund eine sich wiederholende linie mit dem schwarzen teil vom menu und dem weißen teil vom content geben!
Das ist glaub der einfachste workaround.
Ich hab das so auch schonmal gebraucht, hab nur grad kein Beispiel da. Aber wenn no was brauchst schau ich mal bei zeiten nach...


lol die idee is eigentlich gar nicht schlecht^^

ja dass des min-height beim internetexplorer net klappt hab ich leider auch schon gemerkt :-(

ich hab es einfach so gelöst dass ich geschaut hab welche maximal länger der div menu bekommen kann und hab ihm die höhe zugewiesen und dem content div des als min height

es klappt zwar und is auch vom css her w3c komform aber so richtig gefallen tut es mri immer noch nicht da es im IE net klappt -.-

naja vllt bekomm ich es ja noch auf umwegen mit hilfsdivs hin
und kaffee hilft da immer^^

aber auf jeden fall will ich es nicht mit tabellen machen

lg und danke für eure postings
  [Antwort schreiben]

Forum / Bits und Bytes

(c) 1999 - 2026 team-ulm.de - all rights reserved - hosted by ibTEC Team-Ulm

- Presse - Blog - Historie - Partner - Nutzungsbedingungen - Datenschutzerklärung - Jugendschutz -