background in #left und #main

[bootsmann]

Hallo,
ich habe ein zweispaltiges Layout (#left und #main) in fester Breite von 960px, #left beinhaltet die Navigation, #main meist Texte und Bilder mit unterschiedlicher Länge.
(http://ssvo-online.de/index.php/startseite.html)

Die Hintergrundfarben sollen natürlich unabhängig von der Länge der Hauptspalte immer bis zum #footer gehen, was bei #left nicht funktioniert, da dort nur die Navigation steht und kein weiterer Inhalt. Versuche mit overflow und Mindesthöhe bringen leider keinen Erfolg.

Hat jemand eine Idee?

Danke u. Gruß.
Andreas

[schman]

Nennt sich Faux Columns

[RainerG]

Das Stichwort lautet 'sticky footer'.

Schmeiß mal die Suche hier im Forum an ;-).

[schman]

Mit Sticky Footer erreicht man "nur" das sich der Footer immer am unteren Bildschirmrand befindet.

[t3g]

du könntest doch einfach dem Container die Hintergurndfarbe verpassen...
#container {background-color: rgb(243, 243, 243);}

?!?

[toto]

bringt dich das irgendwie weiter?

http://xhtmlforum.de/40267-faq-h-ufi...ragen-und.html

[bootsmann]

Hallo,

im Moment scheint die #container-Definition die Lösung zu sein, super! Besten Dank!

Faux Columns werde ich mir gleich auch noch ansehen.
Danke für die Tipps.

Gruß Andreas

[t3g]

bitte, gerne

ich verwende in Opera die Funktion (bei rechtsklick): Element untersuchen... (nennt sich dragonfly)
müsste dem firebug für Fiefox ziemlich ähnlich sein...
da kann man einfach auf der Seite in den Bereich klicken, den man per CSS ansprechen will und unten wird der genaue Selektor angezeigt...
das hilft in sehr, sehr vielen Fällen

[bootsmann]

...danke für die Hilfestellung! Wieder etwas gelernt.
Gruß Andreas

[t3g]

kleiner tip noch...
hab mir grad nochmal deine seite angeschaut...
der vorher nicht gefüllte bereich hat jetzt keinen linken rand...!!!

ich würd den rand beim #left wegnehmen und dem #container geben...

background-color: rgb(243, 243, 243);
border-left-color: rgb(255, 204, 102);
border-left-style: solid;
border-left-width: 2px;

des ganze würd i dann auch beim rechten rand in angriff nehmen... (main weg, container hinzu) wenn zb das menü höher is als der inhalt is sonst rechts z.T. kein gelber rand

kannsd auch mal rumprobiern ob der rand vielleicht sogar dem #wrapper gut steht und ned dem container

einfach bissl rumprobiern...!