[Erihpas]

Hallo zusammen,

bin eigentlich Entwickler muss mich aber nun auch mit CSS rumschlagen und hätte da eine kurze Frage wie man denn ein Layout aufbauen "könnte".

Die Seite hat 2 Header mit einer festen höhe von jeweils 30px, sowie einen footer von 30px.
Diese werden auch korrekt positioniert.

Der Contentbereich besteht aus einem jsTree und einem jQuery UI Tabs Element welche nebeneinander den gesamten restlichen Bereich einnehmen sollen mit eigenen Scrollbars.
Der Baum hat hierbei 25% und die Tabs 75% der Browserbreite, bis hierhin funktioniert mit meinem aktuellen Layout auch alles einwandfrei.

Lediglich die Höhe der Zentralen Elemente lassen sich nicht Dynamisch gestalten sodass sie stets bis an den Rand des Footers reichen, sie gehen nur soweit "runter" bis das ende des Inhalts des ausgewählten Tabs geht. Habe es bereits mit diversen Tutorials mit min-height und ähnlichem versucht.

Hoffe meine etwas "unpräzise" Umschreibung verhilft mir hier zu einer schnellen Lösung.

Danke schonmals

[DesignKater]

Kannst du mal einen Screenshot vom Layout posten?

[Erihpas]

Habe es behoben,
das Problem hierbei war das ich Views als Partial Views in andere seiten eingebunden habe. Die Child div's
konnten aber nichts mit der größe des "neuen" parents machen da sie nicht davon wussten.
Nun habe ich mit JavaScript die Höhe des Parent Div's festgestellt und dies dann dem Child übergeben.
Zudem dann ein einfacher Aufruf der funktion zum Aufruf der Seite und nach jedem Resize.

Kann nun also geschlossen werden

[m]

Für´s nächste mal: "css equal height columns"