nicht angemeldet
Hallo
folgender Quellcode:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Test</title>
<style type="text/css">
<!--
html{
height:100%;
margin:0px;
padding:0px;
}
body{
margin:0px;
padding:0px;
height:100%;
}
div{
margin:0px;
padding:0px;
}
div.container{
padding:0px;
margin-top:10px;
background-color:#ccc;
border:1px solid black;
text-align:center;
}
a{
padding:0px;
margin:0px;
border:1px solid black;
text-decoration:none;
}
-->
</style>
</head>
<body>
<div class="container">
<a href="#">a</a>
</div>
</body>
</html>
Dieser Code erzeugt in Firefox und im IE zwei unterschiedliche Ausgaben, wie sie beide nicht sein sollten.
Im Firefox (aktuelle Version) wird oben ein Pixel vom Link abgeschnitten, so daß die obere "Border" vom Link nicht sichtbar ist.
Der IE (5.50....) schneidet die "Borders" oben und unten ab.
Ist dies ein Fehler vom CSS bzw XHTML oder ein Fehler im Rendering der beiden Browser?
Konnte leider noch nicht mit anderen Browsern testen.
Link zu dem Beispiel befindet sich in der URL vom Posting.
Danke für alle Antworten
Gruß