Steel: fusszeile nicht ganz unten, navi überschneidet

Beitrag lesen

2 Fragen:
Ist die Navibreite immer fix?
Brauchst Du das linke Div fuer irgendwas oder is das nur fuer den Abstand?

Im Grunde schwebt Dir ja wohl sows vor:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
  
<html>  
<head>  
<link rel="stylesheet" type="text/css" href="test.css" media="screen">  
<title>divs</title>  
</head>  
<body>  
<div id='head'>HEADER</div>  
<div id='wrap'>WRAPPER<div id='content'>Content</div></div>  
<div id='navi'>NAVI</div>  
<div id='foot'>FOOTER</div>  
  
</body>  
</html>  

mit diesem CSS:

  
body  
{  
  font:0.95em Verdana;  
}  
  
#head  
{  
 color:#FFFFFF;  
 background-color:#191970;  
}  
  
#wrap  
{  
 width:80%;  
 float:left;  
 background-color:#66CDAA;  
}  
  
#content  
{  
 width:50%;  
 margin: auto;  
  
 background-color:#FFFFFF;  
}  
  
#navi  
{  
 color:#FFFFFF;  
 width:20%;  
 float:right;  
 background-color:#191970;  
}  
  
#foot  
{  
 color:#FFFFFF;  
 clear:both;  
 background-color:#191970;  
}  

Dabei ist nur der Container fuer den Content wohl zu weit links (im wrapper zentriert und nicht auf der Seite) und damit sich beim kleiner machen des Fensters die Container nicht untereinander schieben koennte man nochwas drumbauen das eine Mindestbreite haelt.

Sicherlich kann man den Container fuer den Content noch nach rechts verschieben dan uberlagen sich aber Content und Navi beim zusammenschieben des Fensters.

So in etwa?