fehlerhafte div-Verwendung ?!

[Gernot Back]

Hallo McKinsey,

du verwendest eine Liste für dein Menü. Dieses wird mit

float:left;

umlaufen. Das ist ein sehr schlechter HTML Stil, besser du packst das gesamte Menü in einen DIV-Container mit fester Breite.

Was sollte daran schlechter Stil sein? Schlechter Stil ist es eher, einen unnötigen DIV-Container um ein UL-Element zu packen, dessen Weite man doch direkt definieren kann.

Für den IE sind Weitenangaben bei Listen- und List-Item-Elementen auch hilfreich, wenn man in der Vertikalen unmotivierte Abstände zwischen den einzelnen List-Items verhindern will.

  
  div#Inhalt {  
    margin: 0 12em 1em 16em;  
    padding: 1.6em 1.2em;  
    border: 1px solid white;  
  }  
  * html div#Inhalt {  
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */  
  }  

Das halte ich aber für keinen so gelungenen Workaround gegen den IE-3Pixel-Bug. J.B. sollte lieber sowohl die Navigation als auch den Inhalt floaten lassen, entweder gleichermaßen in allen Browsern mit display:inline gegen den Doubled-Margin-Bug im IE oder mit Star-HTML-Hack nur im IE6 und darunter, indem er andere Margins für das DIV-Element mit der ID "Inhalt" angibt.

Gruß Gernot