Frage stellen
ich hab ein problem bei einer nested ul-situation unter IE.
beispiel:
http://www.ccri.at/content/index.php?gr_id=100
unter explorer rutscht der linke startpunkt der horizontalen navigation 2ter ebene an das ende des begriffes, unter FF, Safari zeigt er korrekt am anfang des übergeordneten LI-an.
ist also falsch (wie hier grün reingemalt, hingegen ist
richtig.
die relevanten css hier:
- Code: Alles auswählen
#topnavi
{
width: 820px;
height: 40px;
border: none;
display: block;
color: #999999;
font: 300 18px/24px Sans, Arial, sans-serif;
letter-spacing: 1px;
position: absolute;
top: 116px;
margin: 0;
left: 180px;
padding: 0;
}
#topnavi ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#topnavi li
{
text-align: left;
float: left;
margin-right: 26px;
padding-right: 0;
}
#topnavi a
{
color: #999999;
text-decoration: none;
}
#topnavi a:hover { text-decoration: underline; }
#topnavi ul ul
{
/* second-level lists */
color: #999999;
font: 300 11px/12px Sans, Arial, sans-serif;
position: absolute;
list-style-type: none;
margin-top: 1px;
padding-top: 1px;
margin-right: 0;
padding-right: 0;
background: none;
top: 20px;
left: auto;
}
#topnavi ul ul li {
margin: 0;
padding: 0;
height: 1%;
left: auto;
}
#topnavi li:hover ul { /* lists nested under hovered list items */
left: auto;
}
[....]
.leftline {
background: no-repeat url(http://www.ccri.at/content/_images/linkline.gif);
display: block;
padding-top: 8px;
}
.normline {
background: no-repeat url(http://www.ccri.at/content/_images/backline.gif);
display: block;
padding-top: 8px;
}
.rightline {
background: no-repeat right url(http://www.ccri.at/content/_images/rechtsline.gif);
display: block;
padding-top: 8px;
padding-right: 2px;
}
wo bin ich zu blind bzw. unwissend? kann wer helfen?
thx a lot!
harry