positionierung: opera != mozilla & ie

[piero]

[edit:
problem gelöst !

]

ich benutze typo3 um ein menü zu erstellen. in ie und mozilla funktioniert das so wunderbar, nur opera stellt die menüpunkte untereinander dar anstatt nebeneinander

der code sollte doch so stimmen mit float: left; ?

bin für jeden hinweis dankbar, die site kann man sich unter
http://www.pierosartini.de ansehen.

/*dies sind die menüebenen - -act bedeutet das sich der user aktuell auf dieser seite befindet */
div.level1 { float:left; margin-right: 20px;}
div.level1-act { float:left; margin-right: 20px; } 

#menu { /* hier wird das menü positioniert und sein layout bestimmt */
   position:absolute; 
   margin:0px;
   padding:0px;
   top:141px; 
   left:0px; 
   width:auto; /* auch absolute werte anzugeben hilft leider nichts :( */
   height:auto;  /* --""-- */
   font-family: Verdana, Arial; 
   font-variant: normal; 
   font-size: 10px; 
   font-weight: normal;
}

html:

<!-- von typo3 erzeugter menücode -->
<div id="menu">
  <div class="level1-act"><a href="index.php?id=3" onfocus="blurLink(this);">Home</a></div>
  <div class="level1"><a href="index.php?id=11" onfocus="blurLink(this);">test</a></div>
</div>

 

[chr-fritz]

Hast du den HTML Code und CSS Code schon mal durch den Validator von W3.org überprüfen lassen?

http://validator.w3.org (für HTML)
http://jigsaw.w3.org/css-validator/ (für CSS)

 

[piero]

ja, habe ich ..
das problem ist auch schon behoben.

es lag daran das opera in versionen < 7.54 zwingend eine width= angabe im elternelement erwartet. sonst funzts nicht.
hatte da wohl beim testen murks gemacht - der kommentar oben stimmt demnach auch nicht, das absolute werte nichts bringen.

ab version 7.6 prev 1 verhält sich opera in diesem fall wie ie und mozilla.