Zum Inhalt springen

Schriftgröße im Menü falsch wiedergegeben durch IE

Erstellt am 2. August 2005 · 2 Antworten · letzte Antwort am 3. August 2005

Tags: Frage

fragefix ·

Hallo zusammen!
Hab ein Problem bei der Ausgabe meiner Site mit dem IE (Mozilla läuft problemlos).
Wenn ich in meinem linken Menü auf einen Menüpunkt klicke oder drüberfahre, ändert sich die Schriftgröße (aber nur beim IE, zumindest in Ver.6.x)). Wie kann ich das korrigieren? Oder gibts da eine gute Doku zu?

Mein CSS sieht so aus

/* Left_nav Menu Navigation */

.left_nav	{ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #666666;
	line-height: 25px;
	background-color: #EEEFEA;
	width: 160px;
	text-decoration:none; 
	background-repeat: no-repeat;
	background-position: top left;
	}

table.left_nav		{ 
	background-color: #EEEFEA; 
	text-decoration:none; 
	}

.leftnav-level1-NO		{ 
	margin-left: 8px;
	}

.leftnav-before-img		{ 
	margin-left: 0px;
	vertical-align: bottom;
	}

a.leftnav-level1-NO		{ 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 15px;
	color: #666666;
	line-height: 25px; 
	text-decoration:none; 
	}

a.leftnav-level1-NO:hover		{ 
	color: #3366CC;
	text-decoration:none; 
	}

.leftnav-level1-ACT		{ 
	margin-left: 8px;
	}

a.leftnav-level1-ACT		{ 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 15px;
	color: #666666;
	line-height: 25px; 
	}

a.leftnav-level1-ACT:hover	{ 
	color: #3366CC;
	}

.leftnav-level2-NO		{ 
	margin-left: 15px;
	}

a.leftnav-level2-NO		{ 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px;
	color: #666666;
	line-height: 16px; 
	}

a.leftnav-level2-NO:hover		{ 
	color: #3366cc;
	}

.leftnav-level2-ACT		{ 
	margin-left: 15px;
	}

a.leftnav-level2-ACT		{ 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px;
	color: #666666;
	line-height: 16px; 
	}

a.leftnav-level2-ACT:hover		{ 
	color: #3366cc;
	}

TD.leftnav-level1-BOX-sm		{ 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 5px;
	color: #666666;
	line-height: 5px; 
}

TD.leftnav-level1-BOX		{ 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 15px;
	color: #666666;
	line-height: 25px; 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	border-bottom-color: #FFFFFF; 
	}

und mein setup so

# ------------------------------
# Left Menu Navigation
# ------------------------------

temp.leftnav = HMENU
temp.leftnav.1 = TMENU

temp.leftnav.1 {
  # Normal state properties
  wrap = <table border="0" cellpadding="0" cellspacing="0" width="100%" valign="top"> | </table>
  NO {
    wrapItemAndSub = <tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX"> | </td></tr>
    stdWrap.htmlSpecialChars = 1  
    ATagParams = class="leftnav-level1-NO"
    allWrap = <div class="leftnav-level1-NO"> | </div> 
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }

 # Enable active state and set properties:
  ACT = 1
  ACT {
    wrapItemAndSub = <tr><td class="leftnav-level1-BOX-sm"> </td></tr><tr><td class="leftnav-level1-BOX"> | </td></tr>
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level1-ACT"
    allWrap = <div class="leftnav-level1-ACT"> | </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }
 }

# Second level menu-object, textual
temp.leftnav.2 = TMENU
temp.leftnav.2 {

  # Normal state properties
  NO {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-NO"
    allWrap = <div class="leftnav-level2-ACT">  |  </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }

  # Enable active state and set properties:
  ACT = 1
  ACT {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-ACT"
    allWrap = <div class="leftnav-level2-ACT"> | </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }
 }


# Third level menu-object, textual
temp.leftnav.3 = TMENU
temp.leftnav.3 {

  # Normal state properties
  NO {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-NO"
    allWrap = <div class="leftnav-level2-ACT">     |  </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_blue_clear.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }

  # Enable active state and set properties:
  ACT = 1
  ACT {
    stdWrap.htmlSpecialChars = 1
    ATagParams = class="leftnav-level2-ACT"
    allWrap = <div class="leftnav-level2-ACT">    | </div>
    beforeImg =  EXT:tmpl_urbannomad/template/images/arrow_grey.gif
    beforeROImg = EXT:tmpl_urbannomad/template/images/arrow_blue.gif
    beforeImgTagParams = hspace=5
    RO = 1
    after = <br />
    ATagBeforeWrap = 1
  }
 }

Das ganze ist mit dem template urban_nomad gemacht. Was ist zu tuN?
Dirk

Norman2k ·

Nicht wirklich ein T3-Problem
Definiere in deiner CSS doch einfach eine feste "font-size" für "hover" und "active" deiner Menülinks.

Norman