Problem bei variabler Höhe von <div>-Tag

Kryptaesthesie

Kryptaesthesie

Aktives Mitglied
Thread Starter
Dabei seit
17.05.2004
Beiträge
576
Reaktionspunkte
6
Hallo.
Ich spiele derzeit ein wenig mit <div> herum.
Wenn ihr mal diesen Link aufruft, seht ihr, dass beim Scrollen die weißen Balken nicht bis zum Ende der Seite gehen. Ebenso wie der schwarze Hintergrund.
Was kann ich da tun?

Hier mal der Code der Seite:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-2" />
    <meta http-equiv="pragma" content="no-cache" />
    <title>w w w . k w u l . d e</title>
    <style type="text/css" media="screen">
      <!--
        #whole { height: 100%; width: 100%; left: 0; top: 0; position: absolute; visibility: visible; }
        #borderleft { background-image: url(img/face/border.gif); height: 100%; width: 14px; left: 100px; top: 0; position: absolute; visibility: visible; }
        #middlepart { background-color: #000; height: 100%; width: 640px; left: 114px; top: 0; position: absolute; visibility: visible; }
        #borderright { background-image: url(img/face/border.gif); height: 100%; width: 14px; left: 754px; top: 0; position: absolute; visibility: visible; }
        #Content { height: auto; width: 610px; left: 130px; top: 110px; position: absolute; visibility: visible; }
      -->
    </style>
  </head>

  <body background="img/backgroundBlackGrey.gif" text="#fafafa" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
    <div id="whole">
      <div id="borderleft"></div>
      <div id="middlepart">
        <img src="img/face/face_whole.gif" alt="" height="159" width="640" border="0" />
      </div>
      <div id="borderright"></div>
      <div id="Content">
        INHALT DER SEITE
      </div>
    </div>
  </body>
</html>
 
Such nach dem Begriff Clearfix
 
Zurück
Oben Unten