footer innerhalb von inhaltsdiv bis ganz rechts...

Status
Nicht offen für weitere Antworten.

Fabian Frank

Erfahrenes Mitglied
Hallo,

riesen Problem. Habe mal wieder eine Site (wow :p), diese hat einen Content-Div-Layer + einen darin enthaltenen footer-div-layer. Dieser ist deshalb im Content, da, wenn mehr Inhalt drin ist, die Seite eben auch dementsprechend länger ist. Nun, ich konnte mit margin-left: -90px; (content-div ist 90px von linken rand), den mit grauem Hintergrund footer schon mal ganz nach links setzen. Nur wie bring ich es nun fertig, diesen auch ganz nach rechts gehen zu lassen ?

Hier, als kleines Hilfsmittel die source's:
PHP:
<html>
<head>
<style>
#content2 {
position : absolute;
width : 700px;
height: auto;
z-index : 10;
left: 90px;
}


/* FOOTER */
#footer {
position : absolute;
width : 100%;
height: 35px;
z-index : 12;
margin-left: -90px;
margin-right: -100%;
background-color: #1c1c1c;
padding-left: 90px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>

<body><div id="content2">
inhalt
<br /><br /><br /><br />
<div id="footer">footer</div>
</div><br /><br />
</body>
</html>


Danke für eure Hilfe!

grüße
 
Hi,

wende dieses Stylesheet auf den Footer an:

Code:
/* FOOTER */
#footer {
position : absolute;
width : 700px;
height: 35px;
z-index : 12;
margin-left: -90px;
background-color: #1c1c1c;
padding-left: 90px;
}
und deklariere für das HTML-Dokument einen Doctype, damit es den Browsern im standardkonformen Modus übergeben wird, und der IE das Boxmodell korrekt interpretiert.

mfg Maik
 
doctype erledigt. Danke für den Tip ;)

Das mit dem Stylesheet funktioneirt nicht. Ich glaub wir verstehen uns falsch. Ich meinte nicht bis zum rand des content-div's, sondern bis zum rechten Browserrand. Also quasi, wenn es nicht im content-div wäre, width: 100%.
 
Wie wenn ich es geahnt hätte :rolleyes:

Das geht nicht, dafür musst du den Footer aus dem Content-DIV herausnehmen.

mfg Maik
 
maik, irgendwie bist du der lebende CSS-Gott.

Problem war, ich hatte die content2 box in einem anderen content drin, war eigentlich quatsch, weil ich die text-formatierungen genausogut in c2 einbauen hätte können, dieses dazu noch mit width:100% und fertig! ;D
 
Status
Nicht offen für weitere Antworten.
Zurück