Sponsored Links |
|
||||
verzichte auf position:absolute; wenn du es nicht unbedingt benötigst.
#wrapper braucht sicher kein pos. absol. um horizontal zentriert zu sein, dafür reicht neben einer Breite margin:0 auto;. Um den footer immer unten zu haben schau dir Foot Sticker Alt an.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
||||
Leider müss ich position:absolut verwenden da der Content sowohl Header als Footer überlappt (siehe Bild [@zeji: welches auch im ersten Beitrag ist ])
Die Navigation, der Footer und der Content sind alle im wrapper und der muss daher absolut sein. |
|
||||
Zitat:
Du kannst auch mit position:relative und ggf. z-index die Stapelreihenfolge fast immer hinreichend ändern. Vielleicht hilft dir das ein bißchen beim Verstehen.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
||||
Ich verstehe die ganzen negativen margins nicht.
Code:
#wrapper { width: 808px; left: 50%; margin-left: -404px; width: 600px; position: absolute; top: 90px; } Zwei mal width angegeben ... da hebt 600px die 808px auf
__________________
XHTML-Valid-Websites.com | CookielessDomain.com | Stop-Supporting-IE6.com if (browser == IE) { sucks(big); } else { nice(site); } |
|
||||
@XHTMLvalid:
ooups die doppelten breiten sind natürlich falsch. Die negative margin zentriert den wrapper. @hubspe: habe es mal mit position:relative umgesetzt. wenn ich dann im wrapper den relativ positioniere wird wird dieser unter dem Header angezeigt. Also verschiebe ich ihn mit top:-120px nach oben, was zur Folge hat, dass der Footer 120 Pixel über den unteren Browser-Rand schwebt. Und eine breite von 100% konnte ich damit leider auch noch nicht realisieren. Ich habe mal einen Testcase unter http://bit.ly/aGvayq eingerichtet. Wer also ein wenig mit Firebug spielen will...viel Spaß |
|
|||
Du machst es dir unnötig schwer.
Arbeite bitte die von Hubspe bereits genannte Technik FooterStickAlt (die heißt nicht Foot Sticker) durch. Lass zunächst den Header weg, wenn du damit nicht klarkommst. Bei dieser Technik liegt der Footer außerhalb des Bereiches, der 100%-Mindesthöhe hat. Damit löst sich dein Footer-Breiten-Problem in Luft auf. Positionierungen lass bitte erstmal komplett weg. Für die Zentrierung deines Inhaltsbereiches verwende auf keinen Fall diese negative Schieberei. Die Inhalte verschwinden bei schmalem Viewport unerreichbar nach links. Zentriere mit margin:0 auto.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Stichwörter |
footer, position absolute, width: 100% |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Footer am unteren Rand | N.A.R. | CSS | 4 | 11.06.2011 01:21 |
Footer immer am unteren Bildschirmrand | BoFiaZ | CSS | 22 | 29.05.2009 11:45 |
Footer am unteren Seitenrand positionieren | judicious | CSS | 15 | 23.06.2005 17:45 |
print.css logo am unteren seitenrand | Heinz.Iseli | CSS | 6 | 12.04.2005 11:19 |
Footer Problem | blub19 | CSS | 6 | 25.01.2005 11:46 |