Footer in IE
stuber7
- css
Hi,
ich bräuchte drigend mal Hilfe von euch!
Ich habe einen Footer in eine Seite eingebaut, funktioniert auch wunderbar in Firefox und anderen. Mir ist bewusst das dieser Footer im IE nicht funkst. Ich kenne zwar die Möglichkeit für den IE aber leider bekomme ich es leider nicht hin! Könnte mir jemand das machen?
Vielen Dank!
#content_container {
padding-bottom:0em;
}
#footer {
position:fixed;
bottom:0px;
text-align:left;
padding:0px;
........
<div id="footer_container">
<div id="footer">
Footertext
</div>
Hallo,
position:fixed;
möchtest du position:fixed für den IE nachbilden?
Die Möglichkeiten per CSS hängen auch vom rendermodus bzw. doctype ab,
für den IE 6 ist position:fixed auch etwas einfacher möglich.
Ein Workaround ist auch hier beschrieben:
http://de.selfhtml.org/css/layouts/fixbereiche.htm
Wenn der IE 7 weiter verbreitet ist, reicht vielleicht auch einfach ein
vorheriges position:absolute im Stylesheet, um ältere Browser immerhin
etwas zu bedienen.
Grüsse
Cyx23
Also muss es so aussehen?
Ich ralle das irgendwie nicht...
#content_container {
padding-bottom:0em;
}
#footer {
sposition:fixed;
bottom:0px;
text-align:left;
padding:0px;
}
* html #content_container {
padding-bottom:0em;
}
* html #footer {
position: absolute
bottom:0px;
text-align:left;
padding:0px;
}
........
<div id="footer_container">
<div id="footer">
Footertext
</div>
Hallo,
hast du denn den Code schon selbst mal versucht?
Wenn es so schon klappt ist es doch gut.
Als einfache Lösung geht es vielleicht auch so:
content_container {
padding-bottom:0em;
}
#footer {
position:absolute;
bottom:0px;
text-align:left;
padding:0px;
}
#footer {
position:fixed;
}
Alle Browser erhalten zuerst "position:absolute", dann wird es durch
"fixed" überschrieben. Moderne Browser erhalten also fixed.
Alte IEs kennen fixed nicht. Falls diese IEs nicht wegen position:fixed
durcheinanderkommen, kann hier auf eine CSS-Weiche verzichtet werden.
Falls es da aber Probleme geben sollte, ist wohl die Weiche mit
* html #footer { position: absolute } nach dem anderen Code nötig.
Grüsse
Cyx23