kostenloser Webspace werbefrei: lima-city


Div Positionierung

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    webmaster123

    Kostenloser Webspace von webmaster123, auf Homepage erstellen warten

    webmaster123 hat kostenlosen Webspace.

    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

    Kostenloser Webspace von benutzernaemelchen

    benutzernaemelchen hat kostenlosen Webspace.

    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

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

Über lima-city

Login zum Webhosting ohne Werbung!