Überlagerung von <div> verhindert Footer Positionierung
mippi
- css
Hallo Leute, ich hoffe es stöhnen nicht gleich alle auf, aber ich hab mich gerade Stunden lang damit beschäftigt, wie ich meinen Footer am Seitenende positioniere. Hier sind einige Post dazu, aber ich habe das Problem das meine sich mit float left und right überlagernden divs mir alles zu nicht machen und ich keinen Plan mehr habe.
Vom Aufbau siehts so aus:
html:
<div id=Container>
<div id=Header> Anmerkung: feste Höhe
<div id=Topmenü></div> Anmerkung: float: right
</div Header>
<div id=Header2> Anmerkung: feste Höhe
<div id=Menü></div> Anmerkung: float: right
</div Header2>
<div id=Page>
<div id=Content></div>
<div id=Sidebar></div>
<div style="clear:both"></div>
</div Page>
</diV id=Container>
<div id=Footer>
<div id=Footerzusatz></div>
</div Footer>
css:
html, body {
height: 100%;}
#container {
height: 100%;
padding: 0 auto 100px auto;
margin: 0 auto;}
#page {
width: 746px;
margin: 0 auto;
padding: 30px 0;}
#content {
float: left;
width: 480px;
padding-left: 10px;}
#sidebar {
float: right;
width: 220px;}
#footer {
height: 100px;
margin: -100px auto 0 auto;
padding: 20px 0;
background: #E6E6E6;
border-top: 10px solid #CDCDCD;
Ich dachte in dem ich den Hauptteil in einen Container werfe kann ich den Footer darunter schön positionieren, aber falsch gedacht, selbiger landet immer hinter den Divs Content und Sidebar.
Kann mir jemand nen Tipp geben was ich noch tun kann um den Footer immer ans Seitenende zu bekommen, sowohl bei viel als auch bei wenig Seiteninhalt?
Hier die Bsp.-Dateien:
und die css-Datei: http://www.physiooase-berlin.de/test/styles/default.css
Würde mich über ne Antwort freuen!
greez Mippi
Hi,
[...] aber ich habe das Problem das meine sich mit float left und right überlagernden divs mir alles zu nicht machen und ich keinen Plan mehr habe.
</archiv/2007/1/t143585/#m932279>
MfG ChrisB
Danke für die schnelle Antwort, sorry das ich jetzt erst schreibe. Werd mich mal der Thematik annehmen.