Hallo zusammen, habe nun ein Problem mit der css-Formatierung und hoffe, dass Ihr mir helfen könnt. Ich bin irgendwie am Ende oder stehe wie ein Ochse vor dem Berg.
In IE7.0 wird meine Menü anders dargestellt als beim Firefox, dabei soll es wie beim Firefox aussehen.
Links IE - rechts Firefox
Bild: sicherheitspolitik.de/…/menu_css.png
Nun erhaltet Ihr noch meine CSS-Formatierung
div#mainmenue
{
list-style-type:none;
font: 12px Verdana;
width : 190px;
height: auto;
background-color:#CFD6CF;
float:left;
}
html>body div.ulnavi1 {
width: 175px;
float:left;
display: block;
list-style-type:none;
background: #CFD6CF;
}
div.ulnav1
{
list-style-type:none;
float:left;
width:150px;
font: 12px Verdana;
#margin: 0px;
margin-left: 10px;
margin-top: 5px;
display: block;
background: #CFD6CF;
overflow: hidden;
}
div.ulnav1 div.li_nav1_no
{
list-style-type:none;
font: 12px Verdana;
display: block;
background: #CFD6CF;
overflow: hidden;
width: 175px;
}
div.ulnav1 div.li_nav1_act1
{
list-style-type:none;
font: 12px Verdana;
margin:0;
display: block;
background: #CFD6CF;
overflow: hidden;
width: 175px;
}
div.ulnav2
{
list-style-type:none;
float:left;
width:150px;
font: 12px Verdana;
margin-left: 25px;
display: block;
background: #CFD6CF;
overflow: hidden;
}
div.ulnav1>div a,
div.ulnav1>div a:link,
div.ulnav1>div a:visited,
div.ulnav1>div a:hover,
div.ulnav1>div a:active
{
list-style-type:none;
display: block;
text-decoration: none;
color: #325271;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
border: 0;
margin: 0;
#margin-top: -1px;
width: 175px;
font-weight: normal;
background: #CFD6CF;
}
div.ulnav1 div a:hover, div.mainnavigation div a:focus
{
background: #EEEEEE;
list-style-type:none;
}
Das TypoScript lautet
MENU_LEFT = HMENU
MENU_LEFT {
special = directory
special.value = 4
entryLevel = 1
1 = TMENU
1 {
expAll = 0
wrap = <div class="ulnav1">|</div>
noBlur = 1
NO.wrapItemAndSub = <div class="li_nav1_no" style="list-style-type:none">|</div>
NO.ATagTitle.field = title
CUR = 1
CUR.wrapItemAndSub = <div class="li_nav1_act1" style="list-style-type:none">|</div>
IFSUB = 1
IFSUB.wrapItemAndSub = <div class="li_nav1_act1" style="list-style-type:none">|</div>
IFSUB.ATagTitle.field = title
CUR = 1
CUR.wrapItemAndSub = <div class="li_nav1_act1" style="list-style-type:none">|</div>
ACTIFSUB < .IFSUB
}
2 < .1
2.wrap = <div class="ulnav2">|</div>
2.NO.ATagTitle.field = title
3 < .2
}
Für jeden Gedanken bin ich dankbar, da ich einfach nicht mehr weiter weiß.
DANKE !
Chris