Michael: Unterschiedliche Darstellung strict / transitional

Beitrag lesen

SELF-Forum

Unterschiedliche Darstellung strict / transitional

Michael
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln