Hallo
Ich habe eine ganz einfache Tabelle:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen" href="Test-01_____TEST.css" />
<title>SPACEart - AGB + Info</title>
</head>
<body>
<h1>AGB + Info</h1>
<table>
<tr>
<td class="links">bis 1 KG</td>
<td>nur Premium</td>
<td>13,- EUR</td>
<td>26,- EUR</td>
<td>24,- EUR</td>
<td>25,- EUR</td>
</tr>
<tr>
<td class="links">bis 2 KG</td>
<td>nur Premium</td>
<td>14,- EUR</td>
<td>27,- EUR</td>
<td>26,- EUR</td>
<td>28,- EUR</td>
</tr>
</table>
</body>
</html>
Diese habe ich mit folgendem CSS formatiert:
Code:
body {
text-align: center; /* Zentrierung im Internet Explorer */
}
h1 {
margin: 0 auto 7px;
border: 1px solid red;
padding: 5px;
width: 498px;
}
table {
margin: 0 auto 7px;
border-collapse: collapse;
width: 510px;
padding: 0;
}
td {
border: 1px solid red;
}
Dabei soll die Breite der Überschrift (h1) und der Tabelle gleich sein
und zwar genau 510 Pixel.
Ich habe das füe die Überschrift folgendermassen gerechnet:
width: (498px) + (2 x padding: 5px) + (2 x border: 1px) = 510px
Und für die Tabelle habe ich einfach eine Breite von 510px angegeben.
Im Internet-Explorer klappt das auch soweit.
Aber im Firefox-Browser wird die Tabelle auf der linken Seite
1 Pixel breiter.
Hier mal eine URL, wor man sich das ansehen kann:
http://www.SPACEart.de/_Test/agb___TEST.htm
Und hier noch ein FireFox-ScreenShot:
´
Wenn mir von Euch jemand sagen könnte, warum sich das im
Firefox anders verhält als im IE, würde ich mich sehr freuen.
(Im Opera ist übrigens auch richtig dargestellt)
Gruß
Ingo