Probleme mit CSS Anweisung font-size

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/probleme_mit_css_anweisung_font-size_204312/page_1 - zur Vollversion wechseln!

YourMajesty schrieb am 29.01.2009 um 20:37

Hallo,

schön langsam verzweifle ich mit meinem Main-Menü. Wenn ich die Schrift so mache, dass Sie in FF passt ist wieder mit dem IE das Chaos perfekt.

Schaut Euch doch mal bitte mein Seite an, an der ich gerade arbeite.
http://www.elternzentrum.at

Wie schaffe ich es, dass das Main-Menu im IE und im FF halbwegs gleich groß sind!?
Lustigerweise kann ich die Schriftgröße in den Submenüs tadellos anpassen - sind auch gleich groß.
Die Anweisung, dass die Main-Menü Schrift größer sein soll, ignoriert der IE einfach!? Wieso dann nicht auch in den Sub-Menüs!?

Hier ist die CSS Definition des Menüs:

Code:
a.mainlevel:link, a.mainlevel:visited {
margin: 0;
line-height: 18px;
padding: 0 0 0 12px;
text-decoration: none;
color: #829300;
font-weight: bold;
font-style:normal;
font-size: 18px;
background: url(../images/menu_row.jpg) center left no-repeat;

a.sublevel:link, a.sublevel:visited {
text-decoration: none;
color: #333;
font-size: 12px;
background: url(../images/submenu_row.jpg) center left no-repeat;
font-weight: normal;
font:Verdana;
line-height: 20px;
padding: 0 0 0 20px;
border: none;

http://www.benjaminswelt.at/ebay/ss.jpg
Bitte um Hilfe!
Danke,
Thomas

hynk schrieb am 29.01.2009 um 20:46

versuchs mal mit em statt px

YourMajesty schrieb am 29.01.2009 um 20:57

kein Unterschied, hab nun bei Main 3em - FF passt, dem IE6 und 7 ist es sowas von egal!?

Ich kapier des ned...

Spikx schrieb am 29.01.2009 um 21:01

Das ist das Problem

Code: PHP

<!--[if lte IE 7]>
<link href="http://www.elternzentrum.at/templates/siteground87/css/template_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Dort steht nämlich

Code: PHP

#mod_login_remember  {
	border:0;
}
a.mainlevel:link, a.mainlevel:visited {
	margin: 0;
	line-height: 14px;
	padding: 0 0 0 12px;
	font-weight: bold;
	font-size: 11px; /* <------------------------ */
	background: url(../images/menu_row.jpg) center left no-repeat;
}

YourMajesty schrieb am 29.01.2009 um 21:11

aaaahhhhh, ja klar, da gibz ne zweite CSS, wie dämlich von mir!

Tausend Dank, ich hätte selbst noch Tage gesucht.
Muchos Gracias!

Grüße
Tom