+ Antworten
Ergebnis 1 bis 2 von 2

Thema: Footers plus Faux Columns

  1. #1
    grizu ist offline Jungspund grizu befindet sich auf einem aufstrebenden Ast
    registriert
    26-11-2008
    Beiträge
    10

    Footers plus Faux Columns

    Guten Abend,

    Es geht um die Seite http://www.kids2gether.at.

    Die Spalten im Content werden mit der Faux-Columns-Technik dargestellt, zusätzlich wollte ich jetzt noch den Footer immer am unteren Ende haben, auf "A List Apart" gibts auch eine feine Umsetzung dazu.

    Der relevante Code:

    HTML-Code:
    html, body {
            height: 100%;
    }
    #wrap {
            min-height: 100%;
            position: relative;
    }
    #content {
    	background: url(images/system/content_bg.jpg) repeat-y;
    	width: 800px;
            min-height: 100%;
    	margin: 0 auto;
    	overflow: hidden;
    	padding-bottom: 100px;
    }
    #footerWrap {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
    }
    Für nähere Angaben bitte den Quellcode betrachten

    Ich versteh jetzt nicht ganz, warum das "min-height: 100%" im "#content" ignoriert wird. Eigentlich sollte der Inhalt ja die volle Höhe einnehmen und so meine Spalten darstellen.

    Bitte um Hilfe

    lG, grizu

  2.    Empfehlenswerte Literatur von unserem Partner Terrashop

    Das AJAX Kompendium jetzt 84% Rabatt
    Ajax - der Technologiemix aus JavaScript und XML - ist eines der Kernstücke professioneller Web 2.0-Programmierung. Dieses Buch führt Sie auf über 800 Seiten(!) von den ersten JavaScript-Codezeilen bis zur Entwicklung mit Ajax-Frameworks.

    Preis: früher: 49,95€ - jetzt nur: 7,95€

    Hier geht es direkt zum Buch

    Über 1.000 weitere IT-Bücher zum Sonderpreis lieferbar!

  3. #2
    grizu ist offline Jungspund grizu befindet sich auf einem aufstrebenden Ast
    registriert
    26-11-2008
    Beiträge
    10

    AW: Footers plus Faux Columns

    Und hier die Lösung

    min-heights können nicht verschachtelt werden.
    Habe jetzt meine columns auf den #wrap gelegt mit "... repeat-y top center".

+ Antworten

Ähnliche Themen

  1. Plus und Minus Auf und Zuklappen von News
    Von Nuke im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 18-09-2006, 11:23
  2. wenn ich auf plus drücke kommt der text!
    Von Spike_java im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 29-12-2004, 13:16

Lesezeichen

Berechtigungen

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