min-height / Scrollbar soll sichtbar sein

[thethe]

Hallo Zusammen,

seit Stunden sitze ich an einem wirklcih aetzenden Problem:

So soll die Seite aussehen:
Test

Alle Elemente skalieren sich richtig auf 100% Höhe, eigentlich alles super - aber wenn mann das Browserfenster kleiner zieht, dann erscheint durch die verschachtelung der DIVs kein Scrollbalken obwohl der Content länger ist.

Setzt mann statt height:100% -> min-height: 100%;
Funktioniert zwar das Scrollen aber die Accordionpanel skalieren nicht mehr mit (vom den Divs im Hintergrund mal ganz abgesehen, aber die sind auch nicht im float) ...

http://www.thedrama.de/sandbox/v_01/
Hat da jemand ev eine Idee?

Vielen Dank!
P.

 

[neuroleptika]

Ich würde mit faux columns beginnen.

Eine Grafik für body (etwa 3000px breit):

Und eine für die Spalten-(Simulation)

html und body bekommen height: 100%.
Der #wrapper min-height 100%; und width in px;

* {
margin: 0;
padding: 0;
}

body, html {
height: 100%;
}

body {
background:  gray url(image/bg-body.png) repeat-y 50% 0;
}

#wrapper {
min-height: 100%;
background: #1a1a1a url(image/bg-wrapper.png) repeat-y;
width: 860px;
margin: 0 auto;
}

Andere Mothoden sind weitaus komplizierter.
Trial and error reicht da nicht aus.

Edit:
Z.B. bei onclick der jeweiligen Menüpunkte könntest du die faux columns Grafik für #wrapper komplett austauchen.
Ich weiß nicht was dein Layout alles mitmachen muß.

 

[thethe]

Danke!

Vielen Dank für den Tip mit den FauxColumns, das war
die Lösung.

P.