Casper Vollenweider: div > p hat beim IE keinen Einfluss?

Hallo Allerseits

Ich bin mit dem Abschnitt
CSS -> Formate -> Verschachtelte Elemente Beschäftigt.
http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente

Mein Problem ist das bei folgendem Quelltext der Text zwischen "<div><p>Text</p></div>" nicht blau erscheint.

<html>
<head>
<title>Titel der Datei</title>
<style type="text/css">
<!--
div i { color:red; }
div > p { color:blue; }
div * b { color:violet; }
div + p { margin-top:100px; }
-->
</style>
</head>
<body>
<div>
<p>Hier sollte es BLAU sein.</p>
</div>
</body>
</html>

Dies wird im IE schwrz dargestellt. Mozilla und Opera machens brav Blau. <i>'s und <b>'s werden auch im IE brav rot und violett dargestellt.
Was ist der grund? Oder besser, wie kann ich dem Abhilfe schaffen?
Versteht der IE "div >" nicht?

MfG

Casper

  1. <html>
    <head>
    <title>Titel der Datei</title>
    <style type="text/css">
    <!--
    div i { color:red; }

    richtig: div.i {color:#ff0000}

    div > p { color:blue; }

    richtig: div.p {color:#0000ff;}

    div * b { color:violet; }

    richtig: div.b {color:violet} <!--falls es die Farbe mit dem Namen gibt-->

    div + p { margin-top:100px; }

    <!--Was immer das heißen soll-->

    -->
    </style>
    </head>
    <body>
    <div>
    <p>Hier sollte es BLAU sein.</p>

    <p class="p>Text</p>

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

    Du solltest etwas intensiver lesen. Deine Verbindungszeichen ( "<" usw.) sind nach meinem Kenntnisstand nichtexistent.

    Schönen Gruß

    André

    1. Hi,

      div i { color:red; }
      richtig: div.i {color:#ff0000}

      Falsch.

      div > p { color:blue; }
      richtig: div.p {color:#0000ff;}

      Falsch.

      div * b { color:violet; }
      richtig: div.b {color:violet}

      Falsch.

      hiermit sprichst du drei <div>s mit den jeweiligen Klassen (i,p,b) an.

      Du solltest etwas intensiver lesen.

      Dito.

      Deine Verbindungszeichen ( "<" usw.) sind nach meinem Kenntnisstand »» nichtexistent.

      Soviel zum Thema intensiver lesen. ;p
      In Caspers Posting kommt kein "<" vor, es ist ">", und das existiert
      durchaus.

      Schönen Gruß
      Paul

      1. Hallo Paul,

        jetzt bin ich aber ein wenig verwirrt.
        Wo finde ich den Infos zur Formatierung mit ">", "*" u.ä?

        Unter http://selfhtml.teamone.de/css/formate/zentrale.htm#div_span
        habe ich es wohl überlesen.

        Vielen Dank für Deine Hilfe.

        Gruß

        André

        1. Hallo Paul,

          jetzt bin ich aber ein wenig verwirrt.
          Wo finde ich den Infos zur Formatierung mit ">", "*" u.ä?

          Unter http://selfhtml.teamone.de/css/formate/zentrale.htm#div_span
          habe ich es wohl überlesen.

          http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente

          Struppi.

          1. Hallo,

            http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente

            Struppi.

            Vielen Dank. Was es nicht alles gibt...

            André

  2. Hallo Casper,

    div > p { color:blue; }

    Versteht der IE "div >" nicht?

    Offensichtlich nicht, wenn du nähere Informationen zur Unterstützung
    verschiedener Selektoren braucht kannst du mal hier hin:
    http://www.xs4all.nl/~ppk/css2tests/intro.html

    Schöne Grüße
    Paul