✔ Eine zur Navigation formatierte Liste macht im Firefox Probleme

[Alexander Feil]

Hi,

ich bin grad am Zusammenbasteln einer neuen Navigation. Dabei handelt es sich um eine per CSS formatierten Liste. Im Opera und auch im InternetExplorer erhalte ich das gewünschte Ergebnis, nur im Firefox wills nicht so recht funktionieren. Konkret zeigt er das div neben der Liste.

Link zur Beipielseite:
http://www.alexanderfeil.de/navi.htm

Link zu einem GIF, das nochmal den Idealfall, den Opera und Internetexplorer auch liefern, zeigt:
http://www.alexanderfeil.de/navi.gif

Hat jemand eine Idee an was es liegen könnte?

Danke für eure Mühen
Gruß
Aleks

 

[son gohan]

Hallo, ersuch mal für das div Tag und ul Liste unterschiedliche Bezeichnungen zu nehmen, z.B. nav1 nav2.

 

[Alexander Feil]

Hi,

danke für deinen Tipp, aber das ist es leider nicht.
Und wenn man sichs genau überlegt DARF es gar nicht dran liegen

Probiert hab ichs in meiner verzweifelten Lage trotzdem. *g*
Trotzdem danke.

Gruß
Aleks

 

[Quaese]

Hi,

es liegt am veränderten Textfluss durch float. Füge ein Dummy-Element ein, das
nicht ins Layout eingreift, aber wieder den normalen Textfluss herstellt.
Beispiel:

<div class="nav">
<ul class="nav">
    <li class="nav"><a class="nav" href="#" title="test">test</a></li>
    ...
</ul>
<!-- Dummy-Element -->
<div style="line-height: 1px; font-size: 0; height: 0; clear: both;">&nbsp;</div>
</div>

Ciao
Quaese

 

[Alexander Feil]

Hi Quaese,

vielen Dank für deine Anregung. Hab dank dir noch ne andere Möglichkeit gefunden, indem ich das umrahmende div auch rechts-floate. Damit umgehe ich dieses weitere div als Notlösung.

Gruß
Aleks