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> </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> </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