Maede: CSS-Fluss

SELF-Forum

CSS-Fluss

Maede
– Informationen zu den Bewertungsregeln

Ich hab folgendes Problem, ich möchte, dass der Footer meiner Seite nach unten ausgerichtet ist und bei der Veränderung der Browserhöhe(Browser vergrössern) automatisch den "Platz" zwischen Footer und Content füllt, aber sich immer an der unteren Brwoserleiste befindet.

Hier der HTML-Code:

  
<body>  
  <div id="container">  
    <div id="header">  
    </div>  
    <div id="header_top">  
    </div>  
    <div id="banner">  
    </div>  
    <div id="header_bottom">  
    </div>  
    <div id="content">  
      <div id="menue">  
        <?php  
          include('includes/menue.inc');  
	    ?>  
      </div>  
      <div id="includes">  
      </div>  
    </div>  
  <div id="footer">  
  </div>  
  </div>  
  </body>

und hier der CSS-Code:

  
  
html, body {  
  margin:0px;  
  padding:0px;  
  text-align:center;  
  font-family:Arial, Helvetica, sans-serif;  
  background-color:#dcdcdc;  
}  
  
/*Positionierung*/  
  
#container {  
  width:1000px;  
  background-image:url(../images/design/background.png);  
  background-repeat:repeat;  
  margin:auto;  
  padding:0px;  
}  
  
#header {  
  background-image:url(../images/design/header.jpg);  
  background-repeat:no-repeat;  
  height:99px;  
  width:1000px;  
  margin:0px;  
  padding:0px;  
}  
  
#header_top {  
  background-image:url(../images/design/header_top.jpg);  
  background-repeat:no-repeat;  
  height:36px;  
  margin:0px;  
  padding:0px;  
}  
  
#banner {  
  background-image:url(../images/design/banner.png);  
  background-repeat:no-repeat;  
  height:226px;  
  margin:0px;  
  padding:0px;  
}  
  
#header_bottom {  
  background-image:url(../images/design/header_bottom.jpg);  
  background-repeat:no-repeat;  
  height:50px;  
  margin:0px;  
  padding:0px;  
}  
  
#content {  
  margin:0px;  
  padding:0px;  
}  
  
#menue {  
  float:left;  
  width:225px;  
  margin:0px 0px 50px 91px;  
  padding:0px;  
}  
  
#menue ul {  
  list-style-type:none;  
  margin:0px;  
  padding:0px;  
}  
  
#menue li {  
  margin:0px;  
  padding:0px;  
}  
  
#includes {  
  text-align:justify;  
  float:right;  
  width:500px;  
  margin:0px 120px 0px 0px;  
  padding:0px;  
}  
  
#footer {  
  clear:both;  
  background-image:url(../images/design/footer.jpg);  
  background-repeat:no-repeat;  
  height:23px;  
  margin:0px;  
  padding:0px;  
  bottom:0px;  
}

Ich hoffe mir kann jemand helfen, denn mir fällt nichts mehr ein.

mfg: Maede

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS-Fluss

    ChrisB
    – Informationen zu den Bewertungsregeln

    Hi,

    Ich hab folgendes Problem, ich möchte, dass der Footer meiner Seite nach unten ausgerichtet ist und bei der Veränderung der Browserhöhe(Browser vergrössern) automatisch den "Platz" zwischen Footer und Content füllt, aber sich immer an der unteren Brwoserleiste befindet.

    Wie, der Footer soll den Platz zwischen sich *selbst* und dem Inhalt füllen ...?

    Anyway,
    http://www.alistapart.com/articles/footers
    http://aktuell.de.selfhtml.org/artikel/css/footer/

    MfG ChrisB

    --
    Light travels faster than sound - that's why most people appear bright until you hear them speak.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. CSS-Fluss

    Maede
    – Informationen zu den Bewertungsregeln

    Hab ich alles schon gelesen aber da war nichts dabei, dass ich verwenden könnte bzw. konnte.

    mfg: Maede

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. CSS-Fluss

    Malcolm Beck´s
    – Informationen zu den Bewertungsregeln

    hi,

    Ich hab folgendes Problem, ich möchte, dass der Footer meiner Seite nach unten ausgerichtet ist und bei der Veränderung der Browserhöhe(Browser vergrössern) automatisch den "Platz" zwischen Footer und Content füllt, aber sich immer an der unteren Brwoserleiste befindet.

    Du könntest es so „aussehen“ lassen, als würde der Footer den restlichen Platz des Viewports nach unten hin einnehmen.
    Verpasse <body> die gleiche Hintergrundfarbe wie die des Footers, Content und header bekommen abweichende Hintergrundfarben und Fertig.

    Bei den vielen Divs, die du im Einsatz hast, dürfte dass kein Problem darstellen.

    Wenn ich dich richtig verstanden habe willst du sowas hier?

    mfg

    --
    echo '<pre>'; var_dump($Malcolm_Beck`s); echo '</pre>';
    array(2) {
      ["SELFCODE"]=>
      string(74) "ie:( fl:) br:> va:? ls:? fo:) rl:| n4:# ss:{ de:? js:} ch:? sh:( mo:? zu:("
      ["Meaningful"]=>
      string(?) "Der Sinn des Lebens ist deinem Leben einen Sinn zu geben"
    }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln