CSS-Problem bei ul + li Formatierung in IE und Firefox

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • CSS-Problem bei ul + li Formatierung in IE und Firefox

    Im IE werden die li-Punkte respektive Menüpukte richtig untereinander linksbündig angezeigt. Im Firefox oder Opera werden der li-Punkte leider nach rechts eingerückt. Hat jemand eine Idee oder IE/FF-Workaround?

    Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <html>
    3. <head>
    4. <title>CSS-Problem</title>
    5. <style type="text/css">
    6. body, html {
    7. margin:0;
    8. height:100%; /* the IE does't know min-height */
    9. min-height:100%; /* for the orters... */
    10. font-family : Verdana, Arial, Helvetica, sans-serif;
    11. font-size: 13px; }
    12. .bold { font-weight: bold; }
    13. .blue { color: #2369C2; }
    14. .blue:link, .blue:active, .blue:visited { color: #2369C2; text-decoration:none; }
    15. .blue:hover { color: #2369C2; text-decoration:underline; }
    16. .orange { color: #FF6510; }
    17. .orange:link, .orange:active, .orange:visited { color: #FF6510; text-decoration:none; }
    18. .orange:hover { color: #FF6510; text-decoration:underline; }
    20. /* L E F T N A V */
    21. .leftnav { position:absolute; width:210px; left:50px; top:190px; border:1px solid #A5ABB9; }
    23. .leftnav .headline2 {
    24. font-weight: bold;
    25. font-size: 17px; /* grosser Text */
    26. padding: 0px 2px 15px 11px; /* Abstand der Ueberschrift LINKS+RECHTS zum DIV-Rahmen */ }
    27. .leftnav .test123 {
    28. list-style-type: none;
    29. margin: 0px 11px 0px 11px; /* Abstand zwischen gestrichelter Linie LINKS+RECHTS zum DIV-Rahmen */ }
    30. .leftnav .level2 {
    31. /* Menuepunkte in Ebene 2 besitzen eine gestrichelte Linie jeweils oberhalb des Eintrages */
    32. border-top: 1px dotted #A5ABB9;
    33. padding: 4px 1px 3px 15px; }
    34. </style>
    35. </head>
    36. <body>
    38. <div class="leftnav blue">
    40. <div class="headline2">Menuepukte:</div>
    41. <ul class="test123">
    42. <li class="level2"><a href="#" class="blue">Eintrag 1</a></li>
    43. <li class="level2"><a href="#" class="blue">Eintrag 2</a></li>
    44. <li class="level2"><a href="#" class="blue">Eintrag 3</a></li>
    45. <li class="level2"><a href="#" class="blue">Eintrag 4</a></li>
    46. </ul>
    47. </div>
    48. </div>
    49. </body>
    50. </html>
    Alles anzeigen