Zum Inhalt springen

HMENU/TMENU wird im Firefox 4 nicht richtig dargestellt...

Erstellt am 12. Mai 2011 · 2 Antworten · letzte Antwort am 13. Mai 2011

Tags: HTML & CSS, Frage

s.​sach ·

Hallo,

folgendes Menü wird im Firefox 4 nicht richtig dargestellt. Im IE 9 dagegen richtig:

http://www.schreiner-andi.de

# Navigation MENU
    marks.MENU = HMENU
    marks.MENU {
    entryLevel = 
    excludeUidList = 123,124
    special.value = 1
    1 = TMENU
    #1.wrap = <vor1 | nach1<br>
    1.expAll = 0
    1.NO = 1
    #1.NO.ATagParams = class=ebene1
    1.NO.linkWrap = <div class=`ebene1`>|</div>
    1.CUR = 1
    1.CUR.ATagParams = class=aktiv
    1.CUR.linkWrap = <div class=`ebene1`>|</div>
    1.ACT < .1.CUR

    2 = TMENU
    2.expAll = 1
    #2.wrap = <div class=`ebene2`>|</div>
    2.wrap = <div class=`menu_left_ebene2`>|</div>
    2.NO = 1
    #2.NO.ATagParams = class=level3
    2.NO.linkWrap = |
    2.CUR = 1
    2.CUR.ATagParams = class=aktiv
    2.CUR.linkWrap = |
    2.ACT < .1.CUR
  }
.ebene1  {
	width:142px;
	color: #000000;
	display: block;
	border-bottom:1px solid #694229;
}

.ebene1 a {
      font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	width:142px;
	color: #000000;
	display: block;
	padding: 5px 0px 5px 7px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #694229;
}

.ebene1 a:hover {
	background: #d2b085;
	color:#780038;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #780038;
}

.ebene1 a.aktiv {
	background: #d2b085;
	color:#780038;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #780038;
}

div.menu_left_ebene2 a {
	background: #FFFFFF url(/fileadmin/template/leftMenuNavi_NO.gif) 5px no-repeat;
        font-size: 12px;
	font-weight: normal;
	color: #000000;
	display: block;
	padding: 5px 0px 5px 20px;
	border-bottom:1px solid #780038;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #780038;
}

div.menu_left_ebene2 a:hover {
	background: #FFFFFF url(/fileadmin/template/leftMenuNavi_ACT.gif) 5px no-repeat;
	color:#780038;
}

div.menu_left_ebene2 a.aktiv {
	background: #FFFFFF url(/fileadmin/template/leftMenuNavi_ACT.gif) 5px no-repeat;
	color:#780038;
}

Wo liegt der Hund begraben?

Vielen Dank.

SomehowLost ·

Hallo Steffen,

nimm diese ominösen "`" aus der Style-Klasse deiner Divs.
also z.B.:

<div class=`ebene1`>|</div>

zu

<div class="ebene1">|</div>

Am besten Du installierst Dir im Fierfox Firebug. Dann kannst du sowas schneller finden.

Viele Grüße,
Andreas