[HTML] Div bis ans Seitenende

flaschenkind · 28 März 2007

Ich möchte einen Div von einer bestimmten Position bis nach ganz unten ziehen.
Also ich hab erst nen Header, und dann Menü und daneben den Content. Der Content soll bis nach unten auf die Seite gehen. Mit height: 100% hab ich es schon versucht, aber das bringt nix.
Wie könnte man das noch realisieren?
Wenn ihr nicht versteht, was ich meine, mach ich nen Bild

EDIT: Hab mir jetzt nen Workarround gebastelt. Ich mach mit ner absoluten position und 100% Höhe den Hintergrund. Allerdings will der "Hintergrund" nicht so ganz nach hinten. Der z-index will wohl nich so recht

Hier mal der Code:
CSS

HTML:

body{
  text-align: center;
  font-family: Verdana;
  font-size: 11px;
  color: #FFFFFF;
  margin: 0;
}
#html{
  width: 689px;
  margin: auto;
  z-index: 1;
}
#seite{
  margin-left: 115px;
  width: 574px;
  background-image: url('content.jpg');
  background-repeat: repeat-y;
  position: absolute;
  height: 100%;
  z-index: 1;
}
#header{
  background-image: url(header.jpg);
  width: 689px;
  height: 205px;
  margin: auto;
  z-index: 2;
}
#ticker{
  width: 450px;
  height: 14px;
  padding-top: 152px;
  padding-left: 210px;
  color: #000000;
  z-index: 2;
}
#cont{
  width: 689px;
  margin: auto;
  z-index: 2;
}
#menu{
  background-color: #333333;
  width: 115px;
  float: left;
  z-index: 2;
}
#content{
  width: 574px;
  margin-left: 115px;
  background-image: url('content.jpg');
  background-repeat: repeat-y;
  z-index: 2;
}

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>Chester</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="images/style.css">
  </head>
  <body>
    <div id="html">
      <div id="seite">
      </div>
    </div>
    <div id="header">
      <div id="ticker">
        <marquee behavior="alternate" direction="right">
          Herzlich Willkommen auf meiner Homepage!
        </marquee>
      </div>
    </div>
    <div id="cont">
      <div id="menu">
        Startseite<br />
        Galerie<br />
        Neuigkeiten<br />
        Impressum<br />
        <img src="images/menu_unten.jpg" style="margin-bottom:-2px;height:20px;width:115px;" /><br />
      </div>
      <div id="content">
        test
      </div>
    </div>
  </body>
</html>

Hier könnt ihr das ganze begucken: https://auftrag.mf-scripts.de/chester/umsetzung

[HTML] Div bis ans Seitenende

flaschenkind

Well-known member