Clemens: Doctype-Definition - Auswirkung auf Linkformatierung

Beitrag lesen

Guten Morgen !

Die Ausgangssituation meiner Frage an Euch ist diese:

Im nachfolgenden Beispiel-Script sind zwei Links in einem <div>-Bereich untereinander angeordnet. Die Links sind per CSS formatiert:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>&nbsp;</title>
<style type="text/css">
<!--
a
{
text-decoration:none;
font-family:arial,sans-serif;
font-size:12px;
line-height:20px;
color:red;
}
//-->
</style>
</head>
<body>
<div>
<a href="#">Link</a>
<br>
<a href="#">Link</a>
</div>
</body>
</html>

Je nachdem, ob ich die Doctype-Definition entferne oder belasse (Quirks- oder Standardkonformer Modus) ändert sich der Abstand zwischen den Links. Mit Doctype-Definition ist er größer, ohne geringfügig kleiner.

Wenn ich dem <div>-Bereich per Klasse (.text) eine Formatierung zuweise, ist der Abstand zwischen den Links in beiden Modi dagegen gleich:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>&nbsp;</title>
<style type="text/css">
<!--
.text
{
text-decoration:none;
font-family:arial,sans-serif;
font-size:12px;
line-height:20px;
color:black;
}
a
{
text-decoration:none;
font-family:arial,sans-serif;
font-size:12px;
line-height:20px;
color:red;
}
//-->
</style>
</head>
<body>
<div class="text">
<a href="#">Link</a>
<br>
<a href="#">Link</a>
</div>
</body>
</html>

Meine Frage lautet: wie ist dieses "Phänomen" zu erklären ? Mache ich etwa in der Syntax einen Fehler ? Wie bzw. auf welche Elemente wirkt sich die Formatierung durch die Klasse .text aus ?

P.S. Getestet mit Firefox 1.0.

Mit freundlichen Grüßen
Clemens