kostenloser Webspace werbefrei: lima-city

Div Positionierung

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   webmaster123

   

   webmaster123 hat kostenlosen Webspace.

   20:32, 11.1.2008

   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...

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. benutzernaemelchen

   

   benutzernaemelchen hat kostenlosen Webspace.

   20:48, 11.1.2008

   Naja, entweder, du positioniert ihn absolut, oder du positionierst alle divs im main-div relaiv und dann de footer auch.
   Dann sollte der footer automatisch unter dem Rest landen.

4. p**********3

   17:53, 14.1.2008

   hmm... in selfhtml stand da mal was ganz tolles über footer:
   
   http://aktuell.de.selfhtml.org/artikel/css/footer/
   
   joar ansonsten würde ich sagen, du machst in den main-div 2 divs übereinander.
   der obere ist inhalt, menü, header etc. und der untere der footer
   

5. pjhimself

   pjhimself hat kostenlosen Webspace.

   2:44, 16.1.2008

   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
   

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?