Zur Navigation

Links werden nicht angezeigt im Mozilla

1 krieger (Gast)

Hallo,
Auf meiner Seite
http://www.fahrrad-workshop-sprockhoevel.de/einstellungs-anleitungen-video.htm
werden in der linken Navigation im unteren Bereich Fahrwerk-Abstimmen:
» Federgabel abstimmen
» Hinterbau-Dämpfer abstimmen
» Grundlagen-Abstimmung des Fahrwerks
zwei Links nicht angezeigt weil die Box nicht lang genug ist.
Das jedoch nur mit dem Mozilla mit dem Chrome ist alles OK.
Woran könnte das liegen ?

13.08.2017 17:18

2 Jörg Kruse

.nav-box li {
    overflow: auto;
    line-height: 145%;
}

Wenn du eine feste Höhe für die Sidebar definierst, würde ich auch für die einzelnen Menüpunkte ein feste Höhe (line-height) in Pixeln definieren, statt in Prozent. Die Prozent beziehen sich auf die Höhe des Fonts, und die kann je nach System / Browser unterschiedlich ausfallen. Ich würde es mal mit 17px probieren, dann sollte die Navigation auch in Firefox in die Sidebar passen.

Edit:

du musst natürlich schauen, dass das responsiv auch passt, d.h. die 17px nur für den Bereich definieren, für den auch die Sidebar diese bestimmte Höhe hat

13.08.2017 20:33 | geändert: 13.08.2017 20:37

3 Jörg Kruse

Nachtrag:

Warum definierst du überhaupt eine feste Höhe für die Sidebar? wenn du die Definition weglässt, sollte sich die Höhe nämlich automatisch nach dem Inhalt der Sidebar ausrichten, so dass dieser nicht mehr abgeschnitten wird:

#nav-left {
    float: left;
    width: 220px;
    height: 1290px;
}

Das wäre denke ich die einfachste Lösung

13.08.2017 21:35 | geändert: 13.08.2017 21:37

4 krieger (Gast)

Vielen Dank.

13.08.2017 22:25

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]