div > p hat beim IE keinen Einfluss?
Casper Vollenweider
- css
0 Zeromancer0 Paul Styrnol0 Zeromancer0 Struppi
0 Paul Styrnol
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
<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é
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
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é
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.
Hallo,
http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente
Struppi.
Vielen Dank. Was es nicht alles gibt...
André
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