nicht angemeldet
Unterschiedliche Darstellung strict / transitional
0 0 0 
Struppi
Unterschiedliche Darstellung strict / transitional
Hallo Forumsgemeinde,
mir ist aufgefallen, dass sich bei der Darstellung einer referenzierten Grafik als Überschrift die Ausgaben im Firefox zwischen XHTML 1.0 Strict und Transitional unterscheiden,
und zwar gibt es bei der Strict-Variante noch einen Abstand unterhalb der Grafik, dieser wird umso größer, je größer h1 z.B. mittels CSS-Definition gesetzt wird.
Sichtbar wird das in meinem Beispiel (siehe unten), da der Text-Absatz in der Strict-Variante weiter unten dargestellt.
Dies alles wie geschrieben im Firefox, unser aller Freund Internet Explorer zeigt keinen Unterschied in der Darstellung der beiden Varianten.
Auch die Zuweisung von margin:0 und padding:0 sowohl für die Überschrift h1 als auch die Grafikreferenz img bringen keine einheitliche Darstellung.
Nun meine Frage, ist dies so beabsichtigt? Warum gibt es, bei sonst absolut identischem Markup, einen Unterschied zwischen den beiden Varianten?
Steht im h1-Tag übrigens keine Grafik, sondern Text, gibt es diesen Unterschied nicht.
Hier mein Code mit Doctype Transitional:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Transitional</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>Transitional</h1>
<h1>
<img src="bild.png" alt="" />
</h1>
<p>
Text
</p>
</body>
</html>
Derselbe Code, nur mit Doctype Strict:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Strict</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>Strict</h1>
<h1>
<img src="bild.png" alt="" />
</h1>
<p>
Text
</p>
</body>
</html>
Vielen Dank im Voraus für hilfreiche/erklärende Antworten
und freundliche Grüße aus Wien
Michael
-
Hi,
und zwar gibt es bei der Strict-Variante noch einen Abstand unterhalb der Grafik, dieser wird umso größer, je größer h1 z.B. mittels CSS-Definition gesetzt wird.
Du moechtest dich ueber das Stichwort Unterlaengen informieren.
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“-
Hallo,
Du moechtest dich ueber das Stichwort Unterlaengen informieren.
Danke für den Anstoß in diese Richtung.
Das bedeutet, "schuld" an dem Abstand hat die Unterlänge, die auch auf die Grafik angewendet wird, und steuern kann ich diese mittels line-height?
Das bringt mir zumindest Erfolg, solange ich ausschließlich Grafiken in solch formatierten Überschriften verwende.Bleibt mir nun noch die Frage offen, warum die Unterlänge (bei Grafiken) in der Transitional-Variante offensichtlich nicht berücksichtigt wird?
Freundliche Grüße aus Wien
Michael
-
-
Hi,
abgesehen von den Unterlängen bzw. dem "allmost" compliant mode:<h1>Transitional</h1>
<h1>
<img src="bild.png" alt="" />
</h1>Eine h1 gefolgt von einer h1 ist Unsinn. Meist sind mehrere h1 in einem Dokument bereits unsinnig.
freundliche Grüße
Ingo-
Hallo,
Eine h1 gefolgt von einer h1 ist Unsinn. Meist sind mehrere h1 in einem Dokument bereits unsinnig.
Das kommt so natürlich nicht im Dokument vor, sondern sollte im Beispiel nur den Unterschied zwischen Text- und Grafiküberschriften zeigen.
Freundliche Grüße aus Wien
Michael
-
-
Hier mein Code mit Doctype Transitional:
[code lang=html]<?xml version="1.0" encoding="utf-8"?>
Ich hoffe du bist dir bewußt, dass du mit dem XML Prolog den IE in den Quirkmodus versetzt.
Struppi.
-
Hallo Struppi,
Ich hoffe du bist dir bewußt, dass du mit dem XML Prolog den IE in den Quirkmodus versetzt.
Ich muß ehrlich gestehen, dass mir dieser Umstand nicht bewußt war, bis ich den Hinweis von Ingo auf den Compliant-Mode gelesen habe. Da hat es dann wieder gedämmert, dass der IE den Doctype ausschließlich in der ersten Zeile erwartet, und er ansonsten in den Quirksmodus schaltet.
Trotzdem wundert es mich immer noch, warum (jetzt auf Firefox und den standardkonformen Modus bezogen) die Unterlänge von Grafik-Überschriften in strict schon und in transitional nicht angezeigt werden.
Freundliche Grüße
Michael-
Hi,
Trotzdem wundert es mich immer noch, warum (jetzt auf Firefox und den standardkonformen Modus bezogen) die Unterlänge von Grafik-Überschriften in strict schon und in transitional nicht angezeigt werden.
Wie Ingo auch schon anmerkte, bei Transitional nutzt der FF nur den *almost* compliant mode.
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“-
Hallo,
Wie Ingo auch schon anmerkte, bei Transitional nutzt der FF nur den *almost* compliant mode.
Vielen Dank, nun hab ich das verstanden.
Ich ging beim almost compliant mode davon aus, dass hier vom IE die Rede ist :\Habe einen Artikel gefunden, der sich mit genau dieser Problematik (freie Räume unter Grafiken) auseinandersetzt, für alle, die vielleicht mal das selbe Problem haben wie ich: http://carsten-protsch.de/zwischennetz/doctype/luecken.html
Freundliche Grüße
Michael
-
-
-