div-Höhe

[Ben]

Hallo,

ich habe ein Problem beim Aufbau meiner neuen Seiten. Ich möchte endgültig von Tabellen (außer zur tabellarischen Darstellung von Daten) als Designelementen Abstand nehmen und nutze deshalb <div>s.

Das Problem dabei ist momentan, dass ich für den Hauptteil (#hintergrund) eine Höhe von 100% angegeben habe. Das ist auch an sich kein Problem. Ist nun aber der Inhalt von #content zu groß, wird dieser Bereich angepasst (soll er ja auch). #hintergrund hingegen bleibt gleichgroß, weshalb der Inhalt dann nach unten übersteht.

Die CSS-Definitionen sehen so aus:

#hintergrund
{
  background-image:url('../gfx/weiss.gif');
  background-repeat: repeat-y;
  width: 799px;
  height: 100%;
}

#content
{
  z-index: 3;
  width: 400px;
  position: absolute;
  left: 230px;
  top: 220px;
  text-align: justify;
  height: auto;
}

und die HTML-Datei so:

<div id="hintergrund">
     <div id="header"><img src="gfx/logo.gif" alt="bens-homepage" /></div>
     <div id="rechtsoben"><img src="gfx/kabel1.jpg" alt="Kabel" /></div>
        <div id="login">Login<br /></div>
     <div id="menu"><?php include ("menu.php"); ?></div>
        <div id="pfad">Du bist hier:<br /><img src="gfx/bullet_pfad.gif" alt="->" valign="absmiddle" />bens-homepage /
        News</div>
     <div id="content">
         <?php
              if (!isset($_GET['page']))
              {
                include("news.php");
              } else {
                include($_GET['page'].".php");
              }

?>
        </div>
     <div id="barcode"><img src="gfx/barcode.gif" alt="Barcode" /></div>
     <div id="rechtsunten"><img src="gfx/kabel2.jpg" alt="Kabel" /></div>
    </div>

Schon einmal vielen Dank im Voraus und viele Grüße
Ben