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?
Alles anzeigen
Quellcode
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <title>CSS-Problem</title>
- <style type="text/css">
- body, html {
- margin:0;
- height:100%; /* the IE does't know min-height */
- min-height:100%; /* for the orters... */
- font-family : Verdana, Arial, Helvetica, sans-serif;
- font-size: 13px; }
- .bold { font-weight: bold; }
- .blue { color: #2369C2; }
- .blue:link, .blue:active, .blue:visited { color: #2369C2; text-decoration:none; }
- .blue:hover { color: #2369C2; text-decoration:underline; }
- .orange { color: #FF6510; }
- .orange:link, .orange:active, .orange:visited { color: #FF6510; text-decoration:none; }
- .orange:hover { color: #FF6510; text-decoration:underline; }
- /* L E F T N A V */
- .leftnav { position:absolute; width:210px; left:50px; top:190px; border:1px solid #A5ABB9; }
- .leftnav .headline2 {
- font-weight: bold;
- font-size: 17px; /* grosser Text */
- padding: 0px 2px 15px 11px; /* Abstand der Ueberschrift LINKS+RECHTS zum DIV-Rahmen */ }
- .leftnav .test123 {
- list-style-type: none;
- margin: 0px 11px 0px 11px; /* Abstand zwischen gestrichelter Linie LINKS+RECHTS zum DIV-Rahmen */ }
- .leftnav .level2 {
- /* Menuepunkte in Ebene 2 besitzen eine gestrichelte Linie jeweils oberhalb des Eintrages */
- border-top: 1px dotted #A5ABB9;
- padding: 4px 1px 3px 15px; }
- </style>
- </head>
- <body>
- <div class="leftnav blue">
- <div class="headline2">Menuepukte:</div>
- <ul class="test123">
- <li class="level2"><a href="#" class="blue">Eintrag 1</a></li>
- <li class="level2"><a href="#" class="blue">Eintrag 2</a></li>
- <li class="level2"><a href="#" class="blue">Eintrag 3</a></li>
- <li class="level2"><a href="#" class="blue">Eintrag 4</a></li>
- </ul>
- </div>
- </div>
- </body>
- </html>