5 Stimmen

Child-Selektor-Problem in IE7, IE8

Ich habe einen CSS-Stil mit untergeordneten Selektoren in einer HTML-Seite wie folgt:

<html>
    <head>

        <title>MSO Bug</title>
        <style type="text/css" media="screen,print">
            ol{list-style-type:decimal;}
            ol > ol {list-style-type:lower-alpha;}
            ol > ol >ol {list-style-type:lower-roman;}
        </style>    

    </head>
    <body>

     <div>
     <ol>
        <li><div>level1</div></li>
        <ol>
            <li><div>level2</div></li>
            <ol>
                <li><div>level3</div></li>
            </ol>
        </ol>
     </ol>

      </div>               
    </body>
</html>

In Firefox funktioniert das CSS richtig - die erste Listenebene beginnt mit "1", die zweite mit "a" und die dritte mit "i", wie erwartet.

Aber das funktioniert nicht im IE7/8!

(Ich bin mir der absteigenden Selektoren bewusst - aus irgendeinem Grund kann ich sie hier nicht verwenden)

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X