Tabellen-Problem im FireFox 1.0.6

[Ingo Siemon]

Hallo

Ich habe da ein kleines Problemchen mit einer Tabelle im
FireFox Browser (Version 1.0.6).

Hier ein ScreenShot:

Hier der Link zu der Seite:
http://www.spaceart.de/_Test/agb.htm
(Die Tabelle ist weiter unten unter der Überschrift:
"Versandkosten Ausland - Economy")

Wie man sehen kann, ist die Tabelle auf der linken Seite
1 Pixel zu groß. Das tritt anscheinend auch nur im FireFox Browser auf.
Im IE und im Opera ist es OK.

Ich komme leider nicht dahinter, wo ich da einen Fehler gemacht habe.
Hat jemand von Euch vielleicht einen Tipp für mich?

Gruß
Ingo

[Detlef G.]

Hallo Ingo

Wie man sehen kann, ist die Tabelle auf der linken Seite
1 Pixel zu groß. Das tritt anscheinend auch nur im FireFox Browser auf.
Im IE und im Opera ist es OK.

Ich komme leider nicht dahinter, wo ich da einen Fehler gemacht habe.
Hat jemand von Euch vielleicht einen Tipp für mich?

Da übertreibt der Firefox wohl ein wenig.
Sobald border-collapse:collapse; angegeben wird, setzt er nicht nur die
Border innerhalb der Tabelle übereinander, sondern vergrößert die Tabelle
auch.

Mir war das bisher noch nie aufgefallen.

Du könntest das Problem vielleicht folgendermaßen lösen:

table {  
  margin: 0 auto 7px;  
  background: #004559;  
  width: 510px;  
  border-spacing: 0;  
  border: solid #fff;  
  border-width: 0 0 1px 1px;  
}  
th, td {  
  padding: 3px;  
  border: solid #fff;  
  border-width: 1px 1px 0 0;  
}  

Weil der IE border-spacing nicht kennt, braucht er dann noch eine extra
Wurst.

* html table {  
  border-collapse: collapse;  
}  

Noch ein Tipp zu den Tabellen:
Du musst doch nicht jeder Zelle eine Klasse geben.
Nimm die häufigste Ausrichtung als Standard und gib nur den Zellen eine
Klasse, die eine andere benötigen.

Auf Wiederlesen
Detlef

[Ingo Siemon]

Lieber Detlef

Da übertreibt der Firefox wohl ein wenig.
Sobald border-collapse:collapse; angegeben wird, setzt er nicht nur die
Border innerhalb der Tabelle übereinander, sondern vergrößert die Tabelle
auch.

Mir war das bisher noch nie aufgefallen.

Ja, das scheint dann ja wohl tatsächlich mal ein Bug des
Firefox-Browers zu sein, oder?

Du könntest das Problem vielleicht folgendermaßen lösen:

table {

margin: 0 auto 7px;
  background: #004559;
  width: 510px;
  border-spacing: 0;
  border: solid #fff;
  border-width: 0 0 1px 1px;
}
th, td {
  padding: 3px;
  border: solid #fff;
  border-width: 1px 1px 0 0;
}

> Weil der IE border-spacing nicht kennt, braucht er dann noch eine extra  
> Wurst.  
>   
> ~~~css

* html table {  

>   border-collapse: collapse;  
> }  
> 

Ja, das ist ne gute Idee. So klappt es jedenfalls.
Danke für die Idee!

Noch ein Tipp zu den Tabellen:
Du musst doch nicht jeder Zelle eine Klasse geben.
Nimm die häufigste Ausrichtung als Standard und gib nur den Zellen eine
Klasse, die eine andere benötigen.

OK, werde ich gleich so machen.

Gruß
Ingo