IE7Verzweifler: Ja, das war wohl nix. Zumindest das, was Du verstanden hast.

Beitrag lesen

Das margin: 0 auto; reagiert im IE leider etwas besch...eiden. Versuche mal folgendes CSS:

#SITEMENU  {width:auto; height:auto; margin:0 auto;  background: url(/imgs/bg_sitemenu.gif)  repeat-x; border-top:1px dotted #A8A8A8}

#SITEMENU ul {height:60px; list-style:none; margin:0; padding:0; position: relative;}
#SITEMENU li {border:1px solid #FF0000; float:left; margin:0 0 0 15px; padding:0; text-align: center; }
#SITEMENU img {border:1px solid #00FF00; display: block; height:36px; height:36px; padding:0;}
#SITEMENU span {border:1px solid #0000FF; display: block; padding:0; margin:0; width: 1%; overflow: visible; }


>   
> Gruß, LX  
  
nochmals danke für deine antwort!  
dieser "trick" klappt auf jeden fall im ie - ausgelöst durch text-align:center.  
allen anderen browsern ist das nur egal, deshalb ist das image dort nicht zentriert (wie erwartet).  
  
wenn ich jetzt wieder "margin: 0 auto" ins spiel bringe, zerreißt es wieder alles.  
  
trotzdem habe ich -auch dank' deiner hilfe- jetzt wohl eine lösung, auf die ich gerade nur durch zufall gekommen bin:  
  
1) "text-align:center" für das li bleibt stehen (für den ie)  
2) "width: 1%; overflow: visible;" ist irrelevant und kann gelöscht werden  
3) "margin:0 auto" für das img wird eingefügt, daraufhin ist die optik im ie im a\*\*\*imer  
4) ABER: nun "display:block" für das img löschen oder ändern in "display:inline-block" und nun - man glaubt es kaum - es passt in allen browsern!  
  
folgender code funktioniert jetzt also:  
  
~~~css
  
#SITEMENU  {width:auto; height:auto; margin:0 auto;  background: url(/imgs/bg_sitemenu.gif)  repeat-x; border-top:1px dotted #A8A8A8}  
#SITEMENU ul {height:60px; list-style:none; margin:0; padding:0; position:relative}  
#SITEMENU li {border:1px solid #FF0000; float:left; margin:0 0 0 15px; padding:0; text-align:center}  
#SITEMENU img {border:1px solid #00FF00; height:36px; height:36px; padding:0; margin:0 auto}  
#SITEMENU span {border:1px solid #0000FF; display: block; padding:0; margin:0;}  

das war definitiv die schwertse css geburt meines lebens!
vielen, vielen dank an ALLE beteiligten für links und input...