verschachtelte divs strecken

[kroT]

Hallo,

Ich habe ein div, welches eine bestimmte Breite hat, und 100% hoch ist.
In diesem div befinden sich 3 andere divs. ein Balken oben und zwei unten nebeneinander. Nun habe ich aber ein ie-firefox-problem.

zur Veranschaulichung http://www.equinox-music.ch/temp/test.html

- Im IE sind die divs schön in der mitte wie es sein soll.
- Im Firefox kleben die divs am linken Rand

- Wie bringe ich es fertig dass die 2 unteren divs bis an den unteren Seitenrand. Habe nun schon unzählige Varianten versucht -> vergebens!

Wie zentriere ich die divs in beiden Browsern? Und wie Strecke ich die divs an den unteren Seitenrand?

Vielen Dank

 

[prostel]

- Wie bringe ich es fertig dass die 2 unteren divs bis an den unteren Seitenrand. Habe nun schon unzählige Varianten versucht -> vergebens!

Tausend mal schon im Forum aufgetaucht.. ist an sich meines Wissens
nicht mit normalen Lösungen machbar. Gibt verschiedene JavaScript Lösungen die das Div
auf eine bestimmte Höhe beim Laden der Seite ziehen und sich
dabei die Länge des Contents holen. Sonst für den FF min-height
nehmen, das geht.
Als Hack für den ie folgendes:

div#DIE-DIV-ID{
min-height:600px; 
height:expression(this.scrollHeight > 600 ? "auto":"600px"); }

Wie zentriere ich die divs in beiden Browsern? Und wie Strecke ich die divs an den unteren Seitenrand?

margin-left: auto;
margin-right: auto;