✔ Unterschiedliche Darstellung von divs FF und IE, warum?

Status
Nicht offen für weitere Antworten.
A

Andron

Erfahrenes Mitglied
Hallo,
ich habe einige Unterschiede festgestellt, hier ein kleines Test:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>

<style type="text/css">
<!--
#t1, #t2
{
	border: 10px solid #808080;
	background-color: #008080;
	position: absolute;
}
#t1
{
	top: 20px;
}
#t2
{
 	top: 60px;
}
#box
{
   position: absolute;
   top: 10px;
}
-->
</style>
</head>

<body>
<div id="box">
<div id="t1">TEST</div>
<div id="t2">TEST</div>
</div>
</body>
</html>

Der Code ist nach W3C validiert, CSS auch.
FF stellt die beiden div-Blöcke mit TEST übereinander, IE macht dazwischen einen Abstand 1 Pixel breit.
Woran liegt das?
 
Scheint so, aber ich tippe auf die Schriftgröße, aus der sich derzeit die Höhe der beiden Boxen ergibt.

Rechnerisch müssten sie aber 20px hoch sein, damit es mit den Positionsangaben übereinstimmt - ergo:

Code: 
#t1, #t2
{
        border: 10px solid #808080;
        background-color: #008080;
        position: absolute;
        font-size: 16px;
        height:20px;
}
 
Maik hat gesagt.:
Scheint so, aber ich tippe auf die Schriftgröße, aus der sich derzeit die Höhe der beiden Boxen ergibt.

Rechnerisch müssten sie aber 20px hoch sein, damit es mit den Positionsangaben übereinstimmt - ergo:

Code: 
#t1, #t2
{
        border: 10px solid #808080;
        background-color: #008080;
        position: absolute;
        font-size: 16px;
        height:20px;
}
Zum Vergrößern anklicken....

DANKE, DU BIST FÜR HEUTE MEIN HELD :) :)
Das klappt tatsächlich.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück