floating mit float im Opera

[Viennamade]

Liebes Forum!

Ich hab dieses Menü gemacht:
<ul>
 <li style="float:left;"><a href="#">SPRACHE</a></li>
 <li style="float:left;"><a href="#">UNTERNEHMEN</a></li>
 <li style="float:left;"><a href="#">PRODUKTE</a></li>
 <li style="float:left;"><a href="#">WISSEN</a></li>
 <li style="float:left;"><a href="#">KONTAKT</a></li>
 <li style="float:left;"><a href="#">SITEMAP</a></li>
</ul>

Wenn ich jetzt die Breite des Browswerfenster verkleinere, dann wird das Menü umgebrochen. Ohne Problem im Mozilla, dito keine im IE. Im Opera aber kommt die Reihenfolge beim Umbrechen durcheinander. Sieht dann zum Beispiel so aus:
_____________________________________________
|SPRACHE UNTERNEHMEN PRODUKTE WISSEN SITEMAP |
|KONTAKT                                     |

Also "SITEMAP" und "KONTAKT" verdreht. Kann ich dieses Opera-Verhalten korrigieren?

Danke
Viennamade

[Cyx23]

Hallo,

Also "SITEMAP" und "KONTAKT" verdreht. Kann ich dieses Opera-Verhalten korrigieren?

eine Möglichkeit wäre evtl. mit clear: zu arbeiten, da könnte aber gerade bei Opera ein Bug hinderlich sein.

Aber hast du schon statt float display:inline versucht?

Grüsse

Cyx23

[Viennamade]

Hallo Cyx23!

Also "SITEMAP" und "KONTAKT" verdreht. Kann ich dieses Opera-Verhalten korrigieren?

Aber hast du schon statt float display:inline versucht?

Ja, jetzt aufgrund Deines Postings. Funktionert!

Danke
Viennamade

[MudGuard]

Hi,

<li style="float:left;"><a href="#">SPRACHE</a></li>

float erfordert ZWINGEND die explizite Angabe einer Breite, wenn es sich nicht um ein replaced-Element handelt.

Aber hier würde ich auch eher display:inline nehmen.

cu,
Andreas