zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit Breite einer Tabelle

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.09.2005, 10:23
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2005
Beiträge: 83
SPACEart befindet sich auf einem aufstrebenden Ast
Standard Problem mit Breite einer Tabelle

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.09.2005, 21:07
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

Das ist ein Problem, dass die Mozilla Entwickler schon sehr lange haben:

http://bugzilla.mozilla.org/show_bug.cgi?id=155955
http://bugzilla.mozilla.org/show_bug.cgi?id=96463

Ich verstehe diesen Bug nicht.

Ich verstehe die Spezifikation nicht.
http://www.w3.org/TR/CSS21/tables.ht...apsing-borders

Und auch nicht die Testcases, warum das ein Problem sein soll.
http://fantasai.inkedblade.net/style...-outer-border/

Es scheint nicht ganz einfach zu sein.

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Iphone Responsive Design Horizontal Breite Problem Dav-88 CSS 1 31.07.2012 17:30
IE7 Tabelle / CSS Problem Fewokalender CSS 1 21.01.2012 18:01
Problem ein div über eine tabelle zu legen und relative/absolute zu setzen spike CSS 4 13.02.2011 23:25
Variable Breite -> Problem Hintergrundgrafik Korasu CSS 2 08.01.2010 01:26
Problem mit einer Tabelle im IE7 BootyCall CSS 1 10.11.2008 10:50


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:23 Uhr.