HTML div immer am unteren Bildschirmrand.
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
all
beispiel
code
dank
darstellen
einverstanden hilfe
http
jemand
list
position
probier
problem
rest
schriftsatz
tag
typ
unteren bildschirmrand
url
vergessen
versuch
-
Htag/all">allo LC,
Ich möchte auf meiner website eine Div haben, die immer am unteren bildschrim rand ist. Sie soll auch beim scrollen immer am unteren Bildschirmrand sein. Das bekomme ich aber nicht ganz hin....
Hier mein Versuch:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <style type="text/css"> #footer { background: #e3e2e2; border: 1px solid #c3c3c3; border-bottom: none; position: fixed; bottom:0px; left: 0; width: 94%; margin: 0 3%; z-index:1; } </style> </head> <body> <div id="footer"> footer </div> </body> </html>
Im Firefox geht alles nur im IE nicht. Hat jemand ne idee? Ich wäre auch mit Javascript einverstanden :-)
HILFE -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hallor,
probier es mal mit "absolute" statt fixed ;-9
Gruß
illuxio
EDIT: Das was ich gesagt habe ist blödsinn, sorry: Schau dir mal das an: http://artikel.fabrice-pascal.de/posfixedie6/
Beitrag zuletzt geändert: 28.12.2010 13:50:00 von illuxio -
Eigentlich müsste es einwandfrei funktionieren.
Könnte natürlich daran liegen das du das "HTML" - Tag oben nicht auf machst :D -
Habs mit deinem beispiel ausprobiert -> hat funktioniert ^^
Wenn du unbedingt Strict brauchst dann versuchs mal mit Uri.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -
Der InternetExplorer unterstützt den Wert fixed erst ab Version 7, und auch dann für gewöhnlich nur, wenn man den von misterbasti geposteten DocType verwendet (oder statt HTML4-strict, XHTML1-strict; siehe w3 recommandation).
Du hast aber auch bei left: 0; die Größeneinheit vergessen, vielleicht schmeckt dem IE das nicht. -
misterbasti schrieb: Habs mit deinem beispiel ausprobiert -> hat funktioniert ^^
Wenn du unbedingt Strict brauchst dann versuchs mal mit Uri.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
So gehts bei mir auch :-)
Nur ändert das den Schriftsatz meiner HP. Das wäre das problem. -
Nur ändert das den Schriftsatz meiner HP. Das wäre das problem.
body{ font-family: [...]; font-size: [...]; }
Das wird doch kein Problem darstellen oder ? ^^ -
misterbasti schrieb:
Nur ändert das den Schriftsatz meiner HP. Das wäre das problem.
body{ font-family: [...]; font-size: [...]; }
Das wird doch kein Problem darstellen oder ? ^^
LoL,
ich bin nen typ. Ich hatte garkein schriftsatz definiert^^
OK, DANKE @all! -
zur exakten positionirung kanst du noch position:absolute; top:xx; left:xx nehmen
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
