Hallo zusammen.
Ich habe ein Anzeigenproblem zwischen Firefox und IE. Im Firefox funktioniert alles so, wie ich es möchte, allerdings verschiebt IE mir wieder alles #evil#
Zur Veranschaulichung hier einmal der Link: http://www.hm-webworx.de/test/espey_typo3/
Die Menüpunkte sind alle grau und bei Klick soll die Ebene tiefer mit etwas Abstand angezeigt werden und der aktive Punkt wird rot. So weit so gut.
Firefox zeigt mir die untere Ebene auch unter dem aktiven Menüpunkt an, allerdings setzt IE mir die Unterebene ohne Abstand darunter und rechts daneben.
Hat jemand eine Ahnung wieso?
Gruß Schengo
Hier mal der Code (Typoscript und CSS)
page = PAGE
page.10 = TEMPLATE
page.10.template = FILE
page.10.template.file = fileadmin/espey_typo3_2/index.html
page.10.workOnSubpart = DOCUMENT_BODY
page.10.subparts.content < styles.content.get
page.10.marks.down < styles.content.getLeft
page.10.marks.footer < styles.content.getRight
tt_content.fdfx_2cols_pi1 {
10.stdWrap.dataWrap=<p class="csc-fdfx_2cols_pi1-header csc-fdfx_2cols_pi1-header-{field:layout}">|</p>
15.dataWrap = <p class="csc-fdfx_2cols_pi1-subheader csc-fdfx_2cols_pi1-subheader-{field:layout}">|</p>
}
page.15.workOnSubpart = DOCUMENT_BODY
page.15.subparts.down < styles.content.getLeft
page.headerData.20 = TEXT
page.headerData.20.value = <link rel="stylesheet" href="fileadmin/espey_typo3_2/menu.css" type="text/css" /><link rel="stylesheet" href="fileadmin/espey_typo3_2/basic.css" type="text/css" /><script language="JavaScript" src="fileadmin/espey_typo3_2/fix_ie.js" type="text/javascript"></script>
page.10.marks {
MENU = HMENU
MENU {
#entryLevel = 1
special = directory
special.value = 2
stdWrap.required = 1
stdWrap.wrap =
1 = TMENU
1 {
expAll = 1
noBlur = 1
wrap = <ul id="nav">|</ul>
NO = 1
NO {
ATagTitle.field = abstract // description // title
wrapItemAndSub = <li class="ebene1_no">|</li>
stdWrap = upper
}
ACT = 1
ACT {
ATagTitle.field = abstract // description // title
wrapItemAndSub = <li class="ebene1_act">|</li>
stdWrap = upper
}
}
2 = TMENU
2 {
expAll = 1
noBlur = 1
wrap = <ul id="nav">|</ul>
NO = 1
NO {
ATagTitle.field = abstract // description // title
wrapItemAndSub = <li><font color="#999999">└</font> | <font color="#999999">|</font> </li> |*| <li>| <font color="#999999">|</font> </li> |*| <li>|</li>
stdWrap = upper
}
CUR < .NO
CUR = 1
}
}
}
Die CSS-Datei
a:link, a:visited, a:active
{
text-decoration: none;
font-weight: bold;
color: #CCC;
}
a:hover
{
color: #F00;
}
ul#nav
{
margin-top: 10px;
}
ul#nav li
{
float: left;
margin: 0 20px 3px 0;
}
.ebene1_no ul
{
visibility: hidden;
position: absolute;
left: 0;
}
ul#nav ul li
{
float: left;
margin: 0 0px 3px 0;
}
.ebene1_act ul
{
position: absolute;
}
.ebene1_act a
{
color: #F00;
}
.ebene1_act ul li a:link, .ebene1_act ul li a:visited, .ebene1_act ul li a:active
{
color: #000;
}
.ebene1_act ul li a:hover
{
color: #F00;
}