nicht angemeldet
Guten Tag allerseits!
Ich hab ein Problem mit einer etwas größeren html-Tabelle.
Die Tabelle enthält 126 Zellen * 19 Zeilen, wobei in jeder
zweiten Zeile die Felder außer dem ersten mittels colspan=5
zusammengefaßt werden.
Eine graphische Darstellung des Schemas:
http://mcsush.mc.funpic.de/schema.gif
Form und Farbe wird per CSS definiert;
die Tabelle wird per php generiert.
Und im Prinzip scheint dies auch alles in Ordnung zu sein.
Opera und der Internet Explorer zeigen die Tabelle perfekt an,
nur ausgerechnet Firefox macht Probleme:
Die niedrigen kleinen Zellen sollen 5px hoch sein und
enthalten nichts, außer einer (bzw. verschiedene) Hintergrundfarben.
Der Firefox scheint hier zu fluktuieren:
Die Zeilenhöhe ist an manchen Stellen 5,
manchmal aber auch 10 Pixel groß.
Bei jedem Aufruf sieht dies anders aus.
Der Quelltext ist valides HTML 4 Transitional.
(ist durch den W3C-Validierer gegangen)
Die CSS-Datei ist ebenfalls valide.
Und das Beste:
Wenn ich die Seite als html-Datei lokal abspeichere und von
dort aus aufrufe, so wird sie auch vom Firefox korrekt angezeigt!
Wo könnte also der Fehler liegen?
Die Seite selbst kann ich hier leider nicht verlinken,
da sie in einem passwortgeschützten Bereich liegt.
Zur Not könnte ich eine Kopie mit Beispiel-Daten erstellen,
doch hoffe ich, daß jemand auch so die Lösung parat hat. :)
Schönen Gruß,
Michael
Anhang:
hier ein Ausschnitt von der CSS-Datei
table.u {
border-collapse: collapse;
border: outset 15px gray;
table-layout: fixed;
}
/* Mini-Felder generell*/
table.u td{
height: 5px;
width: 6px;
padding: 0px;
empty-cells: show;
font-size:1px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-bottom-color: #777777;
border-right-style: solid;
border-right-width: 1px;
}
/* linker Menürand Mini-Felder*/
table.u tr.p td.pr{
border-right-color: #DDDDDD;
background: #DDDDDD;
width: 30px;
}
/* Mini-Felder leer */
tr.p td{
border-right-color: #FFFFFF;
background: #FFFFFF;
}
/*Felder gefüllt*/
tr td.pm1{
border-right-color: #CB8247;
background: #CB8247;
}