position:absolute; bewirkt dass das Element mitscrollt, aber über allen anderen Elementen liegt und durch diese nicht behindert wird. Daher sollte es an der unteren Seite der Webseite “kleben” bleiben.
andere mögliche Angaben für position sind: relative, fixed, static
Eventuell musst du auch eine von denen nehmen, um deine Idee zu verwirklichen. (kenne deine Webseite nicht, daher kann ich nichts empfehlen)
nunja, ich war ja verzweifelt dass ich den Footer gleich geloescht habe…
Ne Frage…
also meine Seite ist ja zentriert.
Ich moechte nun auch, dass mein Footer auch zentriert positioniert wird.
Weil im IE liegt der footer naemlich irgendwo ganz rechts.
Die Bestimmungen für den body-Tag sind recht simpel. margin und padding kann man setzen, muss man aber nicht. Wichtig hierbei ist vorallem das text-align:center; wodurch alle Elemente erstmal zentriert ausgerichtet werden (bei der Betrachtung im IE) - für die anderen Browser müssen wir bei unseren Box (#box) margin:0px auto; angeben, um diese zu zentrieren. Da aber noch text-align:center; vom body-Tag gilt, müssen wir nun auch noch text-align:left; benutzen, um den Befehl zu “überschreiben” und den Text nicht zentriert anzeigen zu lassen (wir wollen ja, dass Elemente in der Box links ausgerichtet sind) . Wer den Unterschied jetzt nicht verstanden hat, sollte einfach mal text-align:left; weglassen und den Text innerhalb der Box im Firefox ansehen - man sieht den Unterschied eigentlich sofort.
wird an dieser Stelle nix, wenn dann relative, weil er sonst als Elternelement das Browserfenster nimmt und nicht den weißen Page Div. Relative bedeutet in dem Zusammenhang, relativ zu seiner Normalposition und diese sollte ja innerhalb des Divs liegen. Das funktioniert aber auch nicht, da seine “normal Position” je nach Größe des Content Divs variieren kann. Beide Wege funktionieren also nur SeitenDesigns mit fixer Größe, sprich Head, Content und Foot müssen eine feste Höhe bzw Breite haben. (und nein, eine % Angabe ist kein fester Wert)
das Nächste ist, der Content Div passt sich nur seinem Inhalt an, wird der größer, dann wird auch der Div Größer, wird aber mit height:auto; nie seine 100% einnehmen.
ich hab mich jetzt mal hingesetzt und dir fix ne Alternative gebastelt:
die Border sind nur zur veranschaulichung gedacht. In den Div mit ID=Inhalt würde dein Site Content kommen. Durch die Overflow:auto Eigenschaft sorgt er dafür das zu lange Text nicht deine Seite verlängert sondern innerhalb des Divs gescrollt wird. Nebenbei hat die Version auch noch den Vorteil nahezu sizeable zu sein. Sind aber nur Leere Divs, wie sich das ganze mit Head und Foot Inhalten verhällt hab ich jetzt nicht getestet.
Ansonsten bleibt dir nur noch ein festes Design, also mit einer festen Höhe von x Pixeln und im Inneren dann einen Div indem der Inhalt Scrollt.
@Phil: Also ich hab alles genauso durchgeführt wie du beschrieben hast und nix…im IE 7 ist der footer immer noch ganz rechts, man hat da auch noch so nen schönen scrollbalken damit man nach rechts scrollen und den footer sehen kann
und mit height: auto ist alles ziemlich…durcheinander. der footer ist irgendwo im header bereich, page ist nicht mehr weiß sondern hat die Farbe lila vom Hintergrund…
Ich hocke nun schon seit 2 Tagen da und ärgere mich mitm footer rum und langsam ists etwas frustrierend.
Habt ihr denn noch ne Idee?
EDIT: Also mir ist aufgefallen, dass der Footer bei Internet Explorer 7 wohl relativ zum rechten Außenrand vom Elternelement positioniert wird…
Also erstmal ich habe leider keinen IE daher kann ich dir damit nicht wirklich helfen da ich im Moment leider auch keine Zeit habe mir deine CSS anzusehen. Ich habe allerdingsvnoch ein kleines Validierungsfehlerchen entdeckt:
also zum 1. isses natürlich schön das es wieder bzw überhaupt erstmal geht.
zum zweiten möchte ich mal anmerken das es generell besser ist seinen Quelltext zu posten und mit dem hier zu arbeiten, also die schnipsel von hier irgendwie bei sich ein zu bauen, vor allem wenn man ein konkretes Problem hat. Das erschwert die Fehlersuche um einiges
In deinem Stylesheet sind ja durchaus auch noch paar andere Sachen relevant die da von Interesse gewesen wären, aber wird wohl nur der Cache gewesen sein. Der Vollständigkeithalber würd ich trotzdem darum bitten das du nun deinen grundlegenden Aufbau für alle mit dem selben Problem nochmal postest
denselben CSS Code wie von michi7x7 hatt ich auch…
…ich glaub es ging, als ich irgendwann so verzweifelt war, dass ich erstmal alles, was mit position: absolute zu tun hatte, einfach gelöscht habe
Irgendwie war der Footer wieder im Elternelement bzw. im weißen Mainbox und nicht mehr außerhalb
Natürlich hing der Footer über den eigentlichen Inhalt und „klebte“ nicht mehr „am Boden“
Ich fand das natürlich SOO amazing dass der Footer wieder im weißen Bereich ist, und da hab ich dann einfach nochma position: absolute; bottom: 0px; left: 0px; eingefügt und es KLAPPT