✔ Footer an Contentende

Vectormaster

Vectormaster

Mitglied
Hallo,

Eins vorweg: ich habe bei Google, im Forum und in sonstigen Foren gesucht und NIERGENDS etwas funktionierendes gefunden.

Also nun zum Problem:
Ich habe ein aus DIV’s bestehendes Homepage Layout entwickelt. Das ganze sieht so aus:

----- HEADER (Logo, Menü)-----
-----CONTENT([Links: Content] [Rechts: Sidebar]) -----
-----FOOTER-----

Mein Problem besteht nun darin, das ich es einfach nicht hinbekomme, dass der Footer immer am Ende des CONTENT Bereiches positioniert wird. Wenn ich also mehr Inhalt in der Seite habe, soll der Footer weiter unten sein bzw. wenn es weniger Inhalt gibt, soll der Footer an dem unteren Bildschirmrande positioniert sein.

Das ganze sieht in HTML so bei mir aus:
HTML: 
<body>
<div id="wrap">
    <div id="inwrap">
     	<div id="content">
        INHALT DES CONTENTBEREICHTES
        </div>
        <div id="sidebar">
        INAHTL DER SIDEBAR
        </div>
    </div>
    <div id="footer">
    </div>
</div>
</body>

Der CSS- Code dazu:
HTML: 
#wrap{
	background-color:#F00;
}

#inwrap{
	width:800px;
	margin:auto;
}

#content{
	width:600px;
	float:left;
}

#sidebar{
	width:170px;
	float:right;
}

#footer{
	background-color:#CCC;
}

Ich hoffe, dass Ihr mein Problem versteht und hoffe auf eine Lösung.

P.S.: Das ganze benötige ich für ein WordPress Theme.
 
Hallo,
also das ganze hat mich schon weiter gebracht ich hab aber noch das Problem, welches man im Bild, welches sich im Anhang befindet entnehmen kann. Der Footer überdecke ein Stück des Textes.
 

Anhänge

  • problem.jpg
    problem.jpg
    22,7 KB · Aufrufe: 21
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück