Div Positionierung
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anpassen
ansehen
anzeigen
attribut
auto
benutzen
code
element
empfehlen
header
http
inhalt
interpretieren
kombination
landen
problem
rest
sagen
stellen
zentrierung
-
Hallöle,
ich habe ein Main-Div, dort sind alle anderen Divs drinn.
Ich möchte nun einen Div im Main-Div ganz unten anordnen.
Kurz: Ein Footer im Main-Div... -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Wenn du den Footer einfach nur innerhalb des Main-Div ganz unten anordnern willst, sollte die relative Positionierung ausreichend sein. Du implementierst dann deinen Footer einfach als letzten Div innerhalb deines Main-Divs. Dadurch wird er immer relativ zum letzten Div davor angeordnet, also entsprechend unter diesem.
Wenn du allerdings den Footer zB am unteren Ende der Seite anzeigen lassen willst, kannst du dass wie folgt machen:
... <style type=\"text/css\"> ... div.footer { position: fixed; bottom: 0; } ... </style> ... <div class=\"footer\">This is my footer.</div> ...
Über das bottom-Attribut kannst du hierbei noch den Abstand entsprechend deinen Wünschen anpassen.
Durch fixed bleibt dieses Element zudem immer unten fixiert und wird nicht beim Scrollen bewegt, kann aber in Kombination mit dem IE Probleme bereiten, da dieser das soweit ich weiß wohl nur teilweise unterstützt.
Außerdem sollte auch eine Zentrierung (wenn gewünscht) mittels \"left: auto; right: auto;\" möglich sein. Alte Tags wie center sind expired. Das kannst du dir aber genauer bei Selfhtml ansehen.
Zudem kann ich zum Validieren der Website den HTML Validator http://validator.w3.org/ und den CSS Validator http://jigsaw.w3.org/css-validator/ von w3c.org nur empfehlen zu benutzen. Damit siehst du recht schnell, an welchen Stellen du nicht standardkonform gearbeitet hast und wo es Probleme beim Anzeigen und Interpretieren deiner HTML-Seite kommen kann
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage