Peter Gregori: Wiese versteht der IE7 diese einfache CSS Anweisung nicht?

SELF-Forum

Wiese versteht der IE7 diese einfache CSS Anweisung nicht?

Peter Gregori
– Informationen zu den Bewertungsregeln

Hallo Leute,

ich habe eine Frage zu einem CSS Schnipsel in verbindung mit dem IE7. Im Firefox bzw. Safari funzt er einwandfrei.

Also ich habe in einer HTML Datei zwei DIVs mit jeweils einer unterschiedlichen ID definiert, und zwar so:

<div id="test1">
      <div id="test2">
      </div>
    </div>

...ganz einfach. Soweit so gut. In der CSS Datei steht folgender Schnipsel:

#test1 > #test2
{
width : 100px;
height : 100px;
background-color : #000000;
}

Im Firefox bzw. Safari wird ein schwarzes Quadrat mit einer Seitenlänge von 100px angezeigt, so wie es soll. Im IE7 allerdings wird rein _garnichts_ angezeigt. Der ignoriert die CSS Anweisung.

Kann mir das bitte mal jemand erklären. Wäre sehr nett!

Grüße,
Peter

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Wiese versteht der IE7 diese einfache CSS Anweisung nicht?

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hello out there!

    #test1 > #test2
    {
    width : 100px;
    height : 100px;
    background-color : #000000;
    }

    Im Firefox bzw. Safari wird ein schwarzes Quadrat mit einer Seitenlänge von 100px angezeigt, so wie es soll. Im IE7 allerdings wird rein _garnichts_ angezeigt. Der ignoriert die CSS Anweisung.

    Der kennt wohl immer noch den Kindselektor [CSS2 §5] nicht. Den Nachfahrenselektor kennt er aber.

    BTW, „Regel“ wäre der richtige Begriff statt „Anweisung“. [CSS2 §4.1.7] Und siehe Deppenleerzeichen [Wikipedia].

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Wiese versteht der IE7 diese einfache CSS Anweisung nicht?

      MudGuard Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi,

      Der kennt wohl immer noch den Kindselektor [CSS2 §5] nicht.

      Doch, er kennt.

        
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html><head><title>test</title>  
<style type="text/css">  
#d > #d1 { width:100px; height:100px; background-color:yellow; }  
</style>  
</head>  
<body>  
 <div id="d"><div id="d1"></div></div>  
</body>  
</html>

      zeigt im IE 7 ein gelbes Quadrat.

      Fehlt der Doctype oder die URL, fehlt auch das Quadrat.
      Im Quirks-Modus scheint er ihn wohl zu ignorieren ...

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      O o ostern ...
      Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln