#left bis zum ende des Browsers

Hi @all,
habe ein kleines Problem, was ich irgendwie nicht im Griff bekomme.

Also folgendes:
Habe eine Header, Left, Main, Right Bereich.
Kein Footer.

Body, Html hat 100% Höhe und der Wrapper passt sich auch an, ist also auch in voller Höhe.
So, jetzt mein Problem.
Der Left,Right, Main Bereich soll sich vom Header aus bis zum Ende des Browsers ziehen.

Sorry ich denke es ist ein reines CSS Problem, da fehlen mir wohl ein paar Kenntnisse.
Wollte erst #left 100%height mit absolute Layout realisieren und mit einem z-index:-1; hinter
dem Header setzen, leider sind die Links die darin stehen dann nicht mehr klickbar.

Wäre für Hilfe sehr dankbar.....

Hallo,

mit z-index:-1 legst du #left nicht nur hinter den #header, sondern auch hinter den linken margin von #main, darum werden die Links verdeckt. Vielleicht kannst du stattdessen den #header vor #left legen?

Gruß, folkfreund

Muss gestehen, darauf bin ich nicht gekommen, das Problem ist nur das das Body Element von Oben links bis Oben rechts ein Background zieht, der dann auch vom #left überdeckt wird und der Header somit immer noch nicht vollständig zu sehen ist.

Da diese Grafik sich aus meheren zusammenbaut kann ich nicht dem Header die gleiche Grafik mitgeben, da dieses dann wiederum nicht aussieht.

Ist die Seite online? Dann gib mal einen Link zum gucken :eek:

folkfreund

Leider immoment nicht....wäre sicherlich einfacher das stimmt.
im Prinzip würde es ja reichen den Cotainer anzupassen, nur diesen kriege ich halt auch nicht auf die Höhe.
100% Höhe im Container ist dann der Browser + Header.
Wollte den Header wieder mit - abziehen aber das geht irgendwie nicht.

Mit dein Tipp geht es doch,
habe den Header jetzt absolut Oben drin, mit einen z-index:1 somit ist es dann doch geregelt, hintergrundbild übernimmt jetzt der header der dann doch über die Breite verfügt. Danke für dein Tip