[MG90]

hey leute,

ich habe da ein kleines Problem. Ich mache gerade eine Website und bin eigentlich so gut wie fertig. Als ich mit allem fertig war, betrachtete ich die Website nochmal in allen gängigen Browsern (am Mac). Beim Menü gabs im Safari aber Probleme. Chrome und Firefox zeigen wie man bei Abb.1 sieht das Menü gut an. Habe das Menü mittels Padding und Schriftgröße genau auf die Höhe gebracht die ich haben wollte.
So betrachtet man nun die Navi im Safari, merkt man das es unten nicht wirklich abschließt. (Abb.2)(Unter dem Kontaktlink).

Abb.1:



Abb.2:



Hier mal die dazugehörige CSS, mit der ich das Menü gestaltet habe:

[heiko_rs]

height ergibt keinen Sinn. Das Menü bekommt eh automatisch die Höhe, die seine Links vorgeben, und bei Textzoom sollte sich seine Höhe unbedingt anpassen können - wirf also height raus. Außerdem nimm noch line-height dazu, das sollte die Interpretation durch die versch. Browser auch noch etwas weiter vereinheitlichen.

Und ganz nebenbei: "Galerie" hat bei dir ein "l" zuviel.

[MG90]

danke für die schnelle Antwort.

Habe jetzt das "height" gelöscht und die line-height hinzugefügt. Is zwar um ein kleines Stück besser geworden aber nicht wirklich viel. Gibt es noch andere Möglichkeiten um es gleich darzustellen?

Das ist keine normale Galerie. Das zweite "l" hat schon seinen bestimmten Grund. Aber trotzdem danke

[heiko_rs]

Wenn es partout gleich sein muss, gib a height und setze dafür ihr padding-bottom auf Null. height in em statt px wäre dabei besser (für font-size übrigens auch), sonst läuft bei Textzoom alles über. li und ul brauchen nix, passen sich a an.

[MG90]

danke für die Hilfe, hat aber leider nicht geklappt, siehe Bild:


Es schließt leider immer noch nicht ab.

Hier mein derzeitiger code:

[heiko_rs]

In Deinem Code-Schnipsel gibt es keinen Grund dafür, poste mal einen Link.

Übrigens missachtest bei Du a das Boxmodell, und line-height immer ohne Einheit! (das verhindert Vererbungsprobleme.)

[MG90]

wie meinst du das Boxmodell missachten?

Ok, habe jetzt mal den Teil von der Seite auf nen Server von nem Freund raufgeladen. Den Rest nicht beachten, wird noch teilweise gemacht/bearbeitet. Das wichtige ist die Navi:
Klicke Hier!

Hoffe das hilft weiter

[heiko_rs]

Horiz. padding wird zu width addiert (Google "Boxmodell"), check das mal bei a.

Wenn Dein Menü immer genau die Höhe des Bildes haben muss, gibt es letztlich nur 2 Möglichkeiten:

1. a bekommt doch height in px.
2. Du sorgst für Skalierbarkeit, indem sich das Bild noch ca. 100px nach oben fortsetzt - es wird dann bottom ausgerichtet, und desto höher die Navi wird, desto mehr sieht man vom Bereich oberhalb des Autodaches.