Ergebnis 1 bis 5 von 5

Thema: Footer am Seitenende ausrichten - wo ist der Fehler?

  1. #1
    HTML Newbie
    Registriert seit
    06.09.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Footer am Seitenende ausrichten - wo ist der Fehler?

    Hallo erstmal,
    Ich versuche seit geraumer Zeit auf http://kaergarden.square7.ch/spielkram/wordpress/ einen Footer im Layout unten an der Seite anzubringen.
    Das klappt auch, solange die Seite nicht größer als 100% ist. Falls doch, ist allerdings mein Wrapper zu Ende (warum versteh ich leider nicht) und somit hängt mein Footer, der sich ja daran orientiert, irgendwo in der Mitte fest.
    Wäre sehr nett wenn mir da jemand zeigen kann was ich falsch mache/wie ich das bestehende Layout so umbaue dass der Footer am Seitenende ist (nicht fixed!), egal wie lang der Text ist.
    Der Footer ist übrigens das orange Teil (hab das ganze farblich markiert um Fehler leichter zu erkennen)

    Vielen Dank im Voraus!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Footer am Seitenende ausrichten - wo ist der Fehler?

    Nimm mal die width:100%; aus dem #container.

    Die benötigte Angabe für IE6 bitte in einer separaten Datei einfügen.

    Code:
    #container { width:100%; ]
    Es scheint wohl so zu sein, dass die neueren Browser height:100% durch min-height:100% nicht mehr überschreiben. Ausgenommen Opera.

    Also, alle Angaben für unsere Lieblingsbrowser mit Conditional Comments in einer separaten datei auslagern. So entstehen keine Probleme.
    Geändert von djheke (06.09.2012 um 09:30 Uhr)

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Footer am Seitenende ausrichten - wo ist der Fehler?

    Entferne bei #container
    Code:
    height: 100%;
    Ersetze bei .content

    Code:
     position: absolute;
        left: 23%;
        top: 10%;
    durch
    Code:
      margin: 10% 0 0 23%;

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    06.09.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Footer am Seitenende ausrichten - wo ist der Fehler?

    Vielen Dank erstmal für die Antworten!
    Die Kombination aus beidem (also Auslagern des IE-Workarounds in ein extra Stylesheet plus Ersetzen der Content-Positionierungsattribute durch margin-Angaben) scheint soweit in sich zu funktionieren, allerdings hat sich nun mein #container (und somit auch der gesamte Inhalt) zusätzlich ein Stück nach unten verschoben... woran kann das liegen und wie beheb ichs?

    EDIT: Ich seh grad dass die anderen Browser (hatte es eben unter Firefox getestet) da auch ziemlichen Schmu draus machen... Safari und Chrome lassen die Sidebar bis in den Header reinscrollen, IE8 tut das auch, verhackstückt ihn zusätzlich noch und hat entweder ein Problem mit der Anordnung via z-index oder hat mich bei der Containerdefinition falsch verstanden...
    Geändert von z0nk (06.09.2012 um 14:18 Uhr)

  5. #5
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Footer am Seitenende ausrichten - wo ist der Fehler?

    Du verwendest sehr viele überflüssige absolute Positionierungen. Entferne diese generell und positioniere nur mit float und margin, den #footer und seinen Bezug ausgenommen.

Ähnliche Themen

  1. Footer auffüllen
    Von CroweHammer im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 06.09.2012, 18:06
  2. DIV bis auf 100% zum Seitenende auffüllen
    Von Antispy im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 18.08.2012, 21:01
  3. Frames: Falsche Anzeige? Fehler? // Footer nicht vorhanden?
    Von DoneOne im Forum HTML & CSS Forum
    Antworten: 29
    Letzter Beitrag: 31.03.2008, 01:22
  4. Footer in style.css?
    Von Andreas84 im Forum HTML & CSS Forum
    Antworten: 19
    Letzter Beitrag: 20.05.2007, 10:30
  5. Footer in IE6
    Von Gast im Forum HTML & CSS Forum
    Antworten: 20
    Letzter Beitrag: 04.03.2007, 17:57

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •