Maede: CSS-Fluss

Beitrag lesen

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