Jürgen Berkemeier: Tabellenlayout mit DIVs und CSS realisieren

Beitrag lesen

Hallo Elya,

danke für den Tipp. Hinter dem Thread hatte ich garnicht so viele Links vermutet, die auch mein Problem behandeln. Ich bin jetzt bei folgender Lösung:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
  <title>Arbeitsgruppe Purwins</title>
  <style type="text/css">
   html {
    margin:0px;padding:0px;
   }
   body {
    margin:0px;padding:0px;
   }
   div {
    margin:0px;padding:0px;border:1px solid black;
   }
   #Kopf {
    width:100%;height:90px;background-color:blue;
   }
   #Nav {
    width:190px;float:left;background-color:red;
   }
   #Inhalt {
    margin-left:190px;background-color:green;
   }
   #Fuss {
    width:100%;height:60px;clear:both;background-color:blue;
   }
  </style>
 </head>
<!--Idee: Problem mit Hintergrundfarbe über Hintergrundbild lösen-->
 <body>
  <div id="Kopf">Kopfzeile</div>
  <div id="Nav">
   <ul>
    <li>Link</li>
    <li>Link</li>
   </ul>
  </div>
  <div id="Inhalt">
   ...
  </div>
  <div id="Fuss">Fusszeile</div>
 </body>
</html>

Allerdings bin ich immer noch nicht so ganz zufrieden:

Wenn der Inhalt zu breit ist, bekommt im MOZ und im Opera nicht alles die Hintergrundfarbe. Der Teil, der horizontal hereingescrollt wird, hat einen weißen Hintergrund. (siehe: http://www.uni-muenster.de/Physik/AP/Purwins/DIV.html. Weiß da jemand Abhilfe?

Gruß, Jürgen