Tabellen-Problem im FireFox 1.0.6

[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