Problem mit IE6 + Verbesserungsvorschläge für Webseite

[Vinzenz Mai]

Hallo,

Kann mir keiner bezüglich der IE6 Bugs helfen?

vorab: wenn's in den anderen IE-Versionen soweit ok ist, füttere nur den IE6 mit folgenden klitzekleinen Änderungen:

a) Verringere das seitliche Padding der Container #content oder #navigation um
   zwei Pixel, z.B. mit

#navigation {  
	float: left;  
	width: 160px;  
	height: 350px;  
	padding: 20px 18px 20px 20px;  
        /* statt original  
	padding: 20px 20px 20px 20px;  
        */  
}  

Damit reicht der Platz im body-Element, um #content und #navigation nebeneinander zu bekommen.

b) Der weiße Strich im Footer kommt vom Hintergrund des body-Elementes.
   Dein Footer wird im IE6 80 Pixel hoch, dies erfolgt aufgrund der
   line-height-Eigenschaft.

Mit

#footer {  
    background: url(../images/footer.png) top left no-repeat;  
    clear: both;  
    width: 940px;  
    height: 75px;  
    line-height: 75px;  
/* *******************  
   statt normal  
    line-height: 80px;  
*/  
    padding: 0px 0px 0px 20px;  
    color: black;  
}  

verringerst Du die line-height auf 75 Pixel, verringert sich die Footer-Höhe im IE6 von 80 Pixel auf 75 Pixel - und der weiße Strich verschwindet.

Freundliche Grüße

Vinzenz