[Basti82]

Hallo, ich habe eine ganz normale Navigation mir aufgebaut, doch leider werden die Schriften im Safari falsch ( zu groß ) dargestellt!

Wer kann mir da helfen?

CSS:

/* Navigation */
#wrap-navigation {
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
	width: 670px;
	height: 50px;
	float: left;
	display: inline;
	}

/* TOP Navi */
#top-navigation {
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	width: 670px;
	float: left;
	display: inline;
	}

ul.navi {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	}

ul.navi li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	}

ul.navi li a {
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	color: #2f2f2f;
	}

ul.navi li a:hover {
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #08c9ff;
	}

ul.navi li.navi-act a {
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #08c9ff;
	}

HTML:

           <div id="top-navigation">
            	<ul class="navi">
                    <li><a href="#">Startseite</a></li>
                    <li><a href="#">Agentur</a></li>
                    <li><a href="#">Internet</a></li>
                    <li><a href="#">Druck</a></li>
                    <li><a href="#">Referenzen</a></li>
                    <li><a href="#">Kunden</a></li>
                    <li><a href="#">Kontakt</a></li>
                </ul>
            </div>

[all4pages]

muss man das mit angeben, bringt das was?

font-style: normal;
font-weight: normal;
text-shadow: none;

das ist doch standartmäßig so, wenn man es wegläßt oder?

Im Safari zeigt es bei mir die Schriften auch immer etwas anders (fetter) an, kann man da was machen?

[Gumbo]

Wie groß sollten sie denn deiner Meinung nach dargestellt werden?

[Basti82]

Zitat von Gumbo

Wie groß sollten sie denn deiner Meinung nach dargestellt werden?

so wie im IE7 und im FF... hatte auch mal eine Anleitung gefunden... doch finde sie nicht mehr!

EDIT:
habs gefunden!
http://www.highresolution.info/weblog/C205

[regloh]

Das ist wieder so eine Sache, worüber man sich als Webdesigner nicht den Kopf zerbrechen sollte. Wenn ein Browser das so rendert, dann rendert er es eben so. Vielleicht gefällt es dem User so. Er ist es gewohnt und ist höchstwahrscheinlich irritiert, wenn man den "Bug" nun "fixt". Lass die Schrift doch einfach so "groß" anzeigen, wie der Browser es will. Man sollte nicht in die Funktionsweisen von Browsern eingreifen.

[Basti82]

Zitat von regloh

Das ist wieder so eine Sache, worüber man sich als Webdesigner nicht den Kopf zerbrechen sollte. Wenn ein Browser das so rendert, dann rendert er es eben so. Vielleicht gefällt es dem User so. Er ist es gewohnt und ist höchstwahrscheinlich irritiert, wenn man den "Bug" nun "fixt". Lass die Schrift doch einfach so "groß" anzeigen, wie der Browser es will. Man sollte nicht in die Funktionsweisen von Browsern eingreifen.

Mein Kunde will es ja leider auf jeden Fall so haben :/

[fricca]

Noch immer weiß niemand, was du unter "zu groß" verstehst.
Wenn damit die Safari-typische Schriftglättung gemeint sein sollte: Das kannst du nicht beeinflussen. Ab Safari 4 kann das der Benutzer konfigurieren.

[regloh]

Mein Kunde will es ja leider auf jeden Fall so haben :/

Dann sag deinem Kunden, dass es mehr Probleme als Vorteile bringt und dass ein User seinen Browser kennt und sich darin nicht rumpfuschen lassen will. DU bist der Experte und nicht dein Kunde.

[Gumbo]

Zitat von Basti82

Mein Kunde will es ja leider auf jeden Fall so haben :/

Das ist ähnlich wie der Wunsch des Kunde, dass Texte überall so pixelscharf wie im Windows Internet Explorer dargestellt wird. Oft wird dann auch noch die im Entwurf verwendete Schriftart genannt. Die Begründung, dass es neben Windows und dem Internet Explorer eben auch noch andere Betriebssysteme und Browser gibt, wird oft nur zähneknirschend akzeptiert.