Guten Morgen,
ich habe hier ein sehr merkwürdiges Problem mit dem IE und einer ul-liste.
Meine unternavigation wird als ul-liste ausgegeben, im Firefox und jedem anderen Browser den ich getestet habe funktioniert das ganze ohne Problem, nur der IE (oh Wunder) verrückt ab dem dritten Punkt die Listenpunkte um 1px nach unten.
Ich bin schon selber draufgekommen wie man das Problem lösen kann, nur weiß ich nicht wie ich das umsetzen kann. Und zwar müsst ich zwischen </li> und <li> ein Leerzeichen oder einen Zeilenumbruch im Quelltext ausgeben.
Also anstatt:
<li><a href="#">link1</a></li><li><a href="#">link2</a></li>
muss:
<li><a href="#">link1</a></li> <li><a href="#">link2</a></li>
man beachte das Leerzeichen, ist irgendwie ein sehr sehr merkwürdiges Problem, welches mir noch nie untergekommen ist.
Mein TS zur Navi sieht aus wie folgt:
lib.subMenu = HMENU
lib.subMenu.entryLevel = 1
lib.subMenu.wrap = <ul>|</ul>
lib.subMenu.1 = TMENU
lib.subMenu.1.NO {
allWrap = <li class="unter_norm">|</li>
}
lib.subMenu.1.ACT < .1.NO
lib.subMenu.1.ACT = 1
lib.subMenu.1.ACT {
allWrap = <li class="unter_act">|</li>
}
Beispiel:
So sollte es sein, hier sind die li-tags eingerückt (wobei es das Leerzeichen auch machen würde) : Link
So ist es im Moment, man erkennt es ab dem dritten Punkt : Link
Leerzeichen mit html ist: "& nbsp; " zusammengeschrieben...ohne die anführungsstriche 🙂
Das funktioniert leider auch nicht, ich brauch wirklich ein echtes Leerzeichen oder einen Zeilenumbruch im Quelltext.
Ist es denn wirklich nicht Möglich einen formatierten Quelltext auszugeben?
Olla!
Entferne alle Definitionen aus
#navi_scnd ul li
folgende Zeilen bei #navi_scnd ul li a dazu:
#navi_scnd ul li a {
padding: 8px 0 8px 11px;
display: block;
}
Eventuell noch ein wenig die padding Werte anpassen.
und dann noch dieses:
#navi_scnd ul li.unter_norm {
background: #96999E url('nav_scnd_punkt.gif') repeat-x left bottom;
}
Dann beantworte mir bitte noch die Frage, warum Du Dir einen 3px hohen Rahmen ziehst, obwohl Du diesen schon in Deiner Hintergrundgrafik angelegt hast? 😉
gruss, fuss
Vielen Dank!
hat zwar so auf Anhieb auch nicht funktioniert aber zumindest das display:block hat geholfen, dann noch ein paar Paddinganpassungen, und jetzt scheint es zu funktionieren.
fuss schrieb
Dann beantworte mir bitte noch die Frage, warum Du Dir einen 3px hohen Rahmen ziehst, obwohl Du diesen schon in Deiner Hintergrundgrafik angelegt hast? 😉
Der 3px hohe Rahmen soll einen weißen Streifen über dem obersten Listenpunkt erzeugen. Der weiße Streifen in der Hintergrundgrafik ist dagegen unter jedem Listenpunkt.
Das hat schon seine richtigkeit so ;-)
Aber warum dieses Problem nur bei einem unformatierten Quelltext auftritt weiß so auch keiner oder?