Navigation im Opera feherlhaft + Schriftgröße zu klein

porkcharsui · 3. Januar 2008

Unser Weblog 1000ff hat ein neues Theme bekommen und sieht im Internet Explorer und Firefox gut aus, nur leider im Opera-Browser nicht.

die Navigation ist nach oben gerutscht

die Schriftgröße ist kleiner als in anderen Brwosern

Woran liegt's?

Hier der entsprechende Abschnitt aus dem Stylesheet:

#navi {
position:relative;
height: 26px;
width: 960px;
margin: 0px auto;
top: 19px;
text-align: center;
line-height: normal;
}
#nav {
list-style: none;
margin: 0 3px;
padding: 0px;
float: left;
clear:both;
}
#nav li {
float: left;
height: 26px;
background: url(images/navtabr.gif) top right no-repeat;
margin: 0 3px;
white-space: nowrap;
}
#nav .page_item a{
color: #13475f;
display: block;
background: url(images/navtabl.gif) top left no-repeat;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 26px;
}
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Die ganze CSS-Datei gibt's hier: http://1000ff.de/wp-content/themes/curved-10/style.css

Wäre schön, wenn sich einer der Experten hier die Sache mal ansehen könnte.

Danke!

Ammaletu · 3. Januar 2008

Ich vermisse folgende Infos in Deinem Posting:
- Mit welcher Opera-Version hast Du getestet?
- Was hast Du selbst schon zur Lösung des Problems versucht?

Deine Seite ist nicht validierbar, so dass das schon mal nicht als Fehlerursache ausgeschlossen werden kann:
Markup Validation of http://1000ff.de/ - W3C Markup Validator
W3C CSS Validator results for http://1000ff.de/

Schriftgröße: Soweit ich das sehe, ist die Schriftgröße in Deinem Stylesheet nur in Prozent angegeben?!? Dann hängt sie doch von der Basisschriftgröße des Browsers ab. Vielleicht ist die im Opera generell kleiner?

Navigation... Da blicke ich ehrlich gesagt nicht ganz durch, wie das gebaut ist. Sicher, dass das so richtig ist?! Ich sehe hier, dass #navi mit einer Höhe von 26px definiert ist, mit 19 Pixeln Abstand nach oben. Im FF zeigt mir die WebDeveloper Toolbar komischerweise #navi viel größer an und das div umfasst angeblich die Suchbar mit, was es im Quelltext aber nicht tut. Ehrlich gesagt sieht es für mich so aus, als würde das Opera richtig anzeigen (laut Quelltext-Definition) und FF falsch. *grübel*

WPDE.org

Navigation im Opera feherlhaft + Schriftgröße zu klein

porkcharsui Active Member

Ammaletu Well-Known Member
Ehrenmitglied

Nützliche Suchen

Navigation im Opera feherlhaft + Schriftgröße zu klein

porkcharsui Active Member

Ammaletu Well-Known Member Ehrenmitglied

Ammaletu Well-Known Member
Ehrenmitglied