Also ich bastel gerade eine i-net Seite fuer meine Schule!
Ich bin zwar bei weitem kein guter Html-Mensch oder gar ein Css-Mensch, trotzdem sehen meine Ideen irgendwie besser aus als die meiner zuständigen Lehrer und somit bin ich dafür verantwortlich gemacht worden!
Also ich habe folgendes Problem!
ich habe eine Navigation die in einem übergeordnetem div links floatet.
in ihr ist eine Liste, mit den Navigation-links.
nun habe ich über css jeder "- " ein automatisches hintergrundbild verpassst. durch das hintergrund bild muss ich somit die Schrift immer ein wenig nach rechts verschieben! dies habe ich mit padding-left: 25px; gemacht!
in Mozilla Firefox und Opera, klappt dies wunderbar, doch im IE verrutschen die links zu weit nach rechts!
vielleicht habe ich einfach Tomaten au den Augen, aber ich finde den Fehler nicht!
das hier ist der css code fuer die Navi:
#leftnav {
margin-top:20px;
padding-right:15px;
float: left;
text-decoration: none;
width: 119px;
height:400px;
border: 0 0 0 0;
background: transparent;
background-image: url(images/left-navi.jpg);
}
#leftnav li {
list-style: none;
line-height: 17px;
display: block;
background-image: url(images/menu.gif);
padding: 0;
margin-top: 13px;
margin-left:5px;
background-repeat: no-repeat;
}
#leftnav a{
width: 119px;
padding-left: 25px;
}
#leftnav li:hover{
background-image: url(images/menu-hover.gif);
}
die Seite ist unter http:bopics.bo.funpic.de/gsbotest
zu erreichen!
würde mich freuen wenn mir einer sagen kann, wo der fehler liegt!