Frage stellen
folgender Quelltext:
- Code: Alles auswählen
<?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 Ausgaben, wie sie 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.
http://janharms.net/csstest.html
Danke für alle Antworten
Gruß