Hallo,
ich habe ein Problem bei der CSS Anpassung des PixoPoint Menüs für verschiedene Browser.
In Firfox 3.6 wird das Hintergrund PNG nicht entsprechend dem Menü erweitert. :sad:
Im IE6 zeigt er es an aber der "Ausrolleffekt" schaut irgendwie komisch aus.
Außerdem werden in der zweiten Menüebene die Abstände nach unten zu groß dargestellt. :?:
Das viel größere Problem ist das im IE6 der Contentbereich verschoben wird. :x
Hier findet ihr eine Kopie der Seite die ich zum testen angelegt habe:
http://wp-test.amdeister.com/wordpress/
Und hier der Code um den es geht:
Code
#pixopoint_menu1 {
width: 200px;
height: 35px;
margin:0;
}
#pixopoint_menu1 ul {
margin:0;
padding:0;
list-style:none;
}
#pixopoint_menu1 li {
width:160px;
border:none;
line-height:35px;
z-index:20;
letter-spacing:0px;
padding:0;
margin:0px;
float:left;
font-family:tahoma,sans-serif;
position:relative;
}
#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
text-decoration:none;
}
#pixopoint_menu1 li a {
width:160px;
border:none;
text-decoration:none;
display:block;
padding:0px;
}
#pixopoint_menu1 li a:hover {
text-decoration:none;
}
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
left:auto;
}
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
#pixopoint_menu1 ul ul {
position:absolute;
width:130px;
}
#pixopoint_menu1 ul ul li a {
padding-top:4px;
padding-bottom:4px;
padding-left:0px;
padding-right:0px;
text-transform:none;
font-variant:normal;
border-bottom: 1px solid #ff9900;
}
#pixopoint_menu1 ul ul li {
letter-spacing:0px;
color:#000000;
z-index:20;
width:130px;
margin-left:0px;
padding-left:15px;
}
#pixopoint_menu1 ul ul li a {
line-height:22px;
text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
color:#000000;
}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
text-decoration:underline;
}
#pixopoint_menu1 ul ul ul li {
font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
position:absolute;
margin-left:-999em;
top:0;
width:130px;
}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
margin-left:130px;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
text-decoration:none;
}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
color:#FFFFFF;
text-decoration:none;
}
#pixopoint_menu1 li.pixo_search:hover {
}
#pixopoint_menu1 li.pixo_search form {
margin:0;
padding:0;
}
#pixopoint_menu1 li.pixo_search input {
font-family:tahoma,sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
width:100px;
}
#pixopoint_menu1 li.pixo_right {
float:right;
}