Navileiste zerreist unter Mozilla 3.0

Beitrag von **workershop** » 15.01.2008, 18:40

Hallo

Ich habe gerade die 3.0er von Mozilla heruntergeladen und musste feststellen, das die obere Navigation bei unseren Deutscher-Index.info ins Bild reinrutscht und auch die Breite nicht mehr stimmt.

Kann mir bitte jemand sagen, was ich da in der css falsch gemacht habe, das es mit der neuesten Mozilla Version falsch angezeigt wird?

Danke Ronny

von **Anzeige von ABAKUS** »

Beitrag von **chinsurah** » 15.01.2008, 19:20

Hallo Ronny,
Deine Startseite ist kein valides XHTML, du kannst die Seite mit validome.org testen. Vielleicht hilft das schon.

Ansonsten kannst du versuchen, die Tabelle mit der Navi in einen eigene Div-Container zu packen (und die Tabelle rauszuschmeißen).

Beitrag von **workershop** » 15.01.2008, 19:39

Hallo

Sie liegt ja in einem Div-Container:

<div id="nav">
<ul class="page">
<li><a href="https://www.deutscher-index.info">WEBKATALOG</a></li>
<li class="current"><a href="{$smarty.const.DOC_ROOT}/submit.php{if !empty ($category.ID) and $category.ID > 0}?c={$category.ID}{/if}"{if !empty ($category.ID) and $category.ID > 0} rel="nofollow"{/if}>WEBSEITE EINTRAGEN</a></li>
<li class="current"><a href="https://www.deutscher-index.info/wiki/">
ARTIKELVERZEICHNIS</a></li>
<li class="current"><a href="https://www.deutscher-index.info/ferienobjekte/">
FERIENOBJEKTE</a></li>
<li class="current"><a href="https://www.deutscher-index.info/en/">
ENGLISH DIRECTORY</a></li>

</ul>
</div>

Beitrag von **workershop** » 15.01.2008, 19:54

Ich habe gerade die Beta 2 runtergeladen, da ist der Fehler nicht mehr wie in der Beta 1.

Aber trotzdem habe ich mal noch eine Frage, warum bei Mozilla die Navileiste nicht die gleiche Höhe hat wie im IE. Bei Mozilla wird der blaue Hintergrund direkt unter und über der Schrift abgeschnitten und es entstaht dadurch ein zu großer Abstand zum darunterliegenden Teil.

Beitrag von **chinsurah** » 16.01.2008, 13:20

Du kannst versuchen, ob es besser wird, wenn du im Stylesheet dem #nav eine feste Breite und Höhe (width, height) zuweist. Dann kannst du noch versuchen die Positionierung explizit anzugeben:
position: absolute;
und den Top-Abstand angeben. Vielleicht funktioniert das.