Problem mit Gitterlinien in Tabelle und FF2.0

Der_Gerhard · 09.12.2006, 13:35

Hallo.

Ich versuche zur Zeit eine Tabelle dynamisch zu erzeugen und auszugeben.

Mit dem ganzen HTML- und CSS-Kram kenn ich mich nicht so richtig gut aus. Es ist für mich eher das (lästige) Beiwerk, um die Ergebnisse des PHP-Scripts anzeigen zu lassen.

Ich habe jetzt in diesem Script hier
http://www.hempl.de/Second-Home/forschung.php eine Tabelle erstellt, die im IE7 und Opera auch halbwegs so aussieht, wie sie soll.

Im FF2.0 passieren dann recht seltsame Effekte.
Statt einer dauerhaften falschen oder richtigen Anzeige wechselt das Ergebnis ständig.
Mal sind alle Linien da, mal fehlen alle, mal sind einige da oder nicht.

Einen Scrrenshot, wo man das gut sehen kann, gibt's hier:

Ich könnte ja mit einer Browserweiche für den FF anderen Code ausgeben, wenn ich erstmal wüsste, wie der aussehen muss, damit sich der Firefox nicht daran verschluckt.

Hat da jemand Hinweise, wie die Tabelle formatiert werden muss?

Vielen Dank schonmal.

Zergling-new · 09.12.2006, 14:40

Und wie soll es aussehen? Bei mir siehts im FF2.0 normal aus, zumindest ändert sich nach dem Refresh nichts.

Wenn du eine Gitternetz-Tabelle haben möchtest, probiers mal nach folgendem Schema:

Code:

table.gitternetz, table.gitternetz td {
  border: 1px solid black;
}
table.gitternetz {
  border-width: 1px 0px 0px 1px;
}
table.gitternetz td {
  border-width: 0px 1px 1px 0px;
}

Die Tabelle bekommt einen Rand oben und links und jede Zelle unten und rechts.
Außerdem solltest du <table cellspacing="0"> setzen.

Der_Gerhard · 09.12.2006, 14:46

Zitat:

Zitat von Zergling

Und wie soll es aussehen? Bei mir siehts im FF2.0 normal aus, zumindest ändert sich nach dem Refresh nichts.

Es soll so wie im unteren Teil des Screenshots aussehen. Mit Linien zwischen allen Feldern.

Allein der Screenshot zeigt ja schon deutlich, dass da einiges fehlt.

Meistens fehlen vertikale Linien, etwas seltener auch horizontale.
Teilweise auch beides.

Ich hab den Verdacht, dass da eifnach ein Bug in der Rendering-Engine enthalten ist.
Ich gebe keinerlei Einstellungen pro Zeile oder Zelle an. (Außer Hintergrundfarbe und evtl. Schriftfarbe)
Die Tabelle sollte also von oben bis unten die gleichen Linien aufweisen.

Vielleicht pfuscht auch irgendeine FF-Erweiterung rein. Ist irgendwie ne doofe Sache...

Und vor allem nicht stabil reproduzierbar.

Edit: Auch wenn ich alle Add-Ons deaktiviere und den FF neu starte, sieht das Ding bei jedem Reload anders aus.

nikosch · 09.12.2006, 17:41

das beantwortet zwar nicht deine frage, aber du solltest dann auch für alle farben eine css klasse definieren und nur diese dem td element zuweisen. der beispiel link enthält ja aufgeblähten code sondergleichen...

DER_Brain · 10.12.2006, 08:54

ist der code valide?

ich denke, wenn du (durch die ganzen schleifen, etc.) mal ein </td> oder sowas vergisst, dann meckert der FF gleich ziemlich heftig...?

mfg
Andi

nikosch · 10.12.2006, 12:42

gerade mit schleifen passiert da ja eher wenig.
Bis auf die üblichen Verdächtigen ist alles ok:
http://validator.w3.org/check?uri=ht.../forschung.php

nee, ich würde auch auf rendering tippen...

Der_Gerhard · 10.12.2006, 12:45

Naja, zunächst fehlten da schon ein paar </tr>-Tags, aber da sah die Sache noch gaaaanz anders aus.

Inzwischen dürften die Schleifen OK sein.

Was mich richtig wurmt ist, dass das angeblich bei anderen im FF auch noch alles OK aussieht.
Das ist unfair!

Ich werde mir das Ding wohl nochmal instalieren müssen.

Der_Gerhard · 10.12.2006, 14:19

Zitat:

Zitat von Zergling

Wenn du eine Gitternetz-Tabelle haben möchtest, probiers mal nach folgendem Schema:

Code:

table.gitternetz, table.gitternetz td {
  border: 1px solid black;
}
table.gitternetz {
  border-width: 1px 0px 0px 1px;
}
table.gitternetz td {
  border-width: 0px 1px 1px 0px;
}

Die Tabelle bekommt einen Rand oben und links und jede Zelle unten und rechts.

OK. Wie schon gesagt, hab ich mich mit CSS noch nicht wirklich auseinandergesetzt.
Und mit der Definition von Klassen schon gar nicht.

Muss ich alle drei Angaben übernehmen oder ist die erste gleichwertig mit den beiden anderen zusammen?

Zitat:

Zitat von Zergling

Außerdem solltest du <table cellspacing="0"> setzen.

Meinst Du, ich soll cellspacing reinpacken oder ich soll den Rest rausnehmen?
cellspacing hab ich ja schon drin.

Sollte ich dann nicht eher class="gitternetz" reinsetzen?

Zergling-new · 10.12.2006, 14:33

cellspacing ist ein Attribut für den table-Tag und definiert den Abstand der Zellen untereinander.

Die CSS Angaben von mir definieren für den <table>-Tag mit der Klasse "gitternetz" und für alle <td>-Zellen innerhalb dieser speziellen Klasse einen schwarzen Pixelrand der Breite 1 (oben unten rechts links).
Dann hätte die Tabelle und ihre Zellen aber einen 2-Pixel-breiten Rand (Tabellen-Pixelrand + Tabellenzellen-Pixelrand), deshalb definieren wir für <table> nur einen Rand oben und links
_
|

und für die Zellen unten und rechts

_|

was zusammen

_
|_|

ergibt.

Code:

<html>
<head>
<style>
table.gitternetz, table.gitternetz td {
  border: 1px solid black;
}
table.gitternetz {
  border-width: 1px 0px 0px 1px;
}
table.gitternetz td {
  border-width: 0px 1px 1px 0px;
}
</style>
</head>
<body>
<table class="gitternetz">
<tr>
<td>eins</td>
<td>zwei</td>
</tr>
<tr>
<td>drei</td>
</tr>
</table>
</body>
</html>

Der_Gerhard · 10.12.2006, 14:42

Zitat:

Zitat von Zergling

cellspacing ist ein Attribut für den table-Tag und definiert den Abstand der Zellen untereinander.

Ja, ich weiß. Aber ich habe das Attribut ja schon drin so wie Du es angegeben hattest:

Code:

<table rules="all" border="1" cellpadding="3" cellspacing="0">

Darum wusste ich nicht, ob Du es evtl. übersehen hattest, oder ob Du meintest, ich sollte die Zeile so kürzen, dass nur noch cellspacing übrig bleibt.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Suche] Hilfe zu einem Tabellen Verknüpfungs Problem	<Daniel>	Datenbanken	3	10.07.2006 15:15
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
3 spaltige Tabelle - Experten Problem	havok	PHP Tipps 2006	12	19.05.2006 11:55
MySQL kodierungs problem	Mutatos	Datenbanken	0	12.05.2006 20:02
Problem bei JOIN	MilanX	Datenbanken	3	03.05.2006 16:36
Zeilenanzahl einer tabelle mit WHERE aber ohne schleife?	sovereign	Datenbanken	13	17.04.2006 20:34
Problem mit Tabelle!	b++	HTML, Usability und Barrierefreiheit	5	08.06.2005 18:50
Tabelle verknüpfungs problem!		PHP Tipps 2005	16	21.05.2005 11:07
Problem bei erstellung einer tabelle mit function und array		PHP Tipps 2005	5	21.04.2005 20:54
komisch problem mit tabelle oder datenbank nix verstehen :)		Datenbanken	2	14.03.2005 12:32
Problem der richtigen Daten-Ausgabe in einer Tabelle	Heart	PHP Tipps 2004-2	0	25.11.2004 18:57
[Erledigt] Tabelle in Tabelle automatisch anpassen		HTML, Usability und Barrierefreiheit	3	04.11.2004 21:37
über PHP Daten in MySQL Tabellen updaten -- Problem		PHP Tipps 2004	4	27.09.2004 21:34
Letzter Eintrag in einer Tabelle und Top Five einer Tabelle		Datenbanken	2	27.09.2004 06:50
problem mit einer datenbakgestützten tabelle		PHP Tipps 2004	2	05.07.2004 19:39

09.12.2006, 13:35
Der_Gerhard Erfahrener Benutzer Registriert seit: 08.11.2004 Beiträge: 2.079	Problem mit Gitterlinien in Tabelle und FF2.0 Hallo. Ich versuche zur Zeit eine Tabelle dynamisch zu erzeugen und auszugeben. Mit dem ganzen HTML- und CSS-Kram kenn ich mich nicht so richtig gut aus. Es ist für mich eher das (lästige) Beiwerk, um die Ergebnisse des PHP-Scripts anzeigen zu lassen. Ich habe jetzt in diesem Script hier http://www.hempl.de/Second-Home/forschung.php eine Tabelle erstellt, die im IE7 und Opera auch halbwegs so aussieht, wie sie soll. Im FF2.0 passieren dann recht seltsame Effekte. Statt einer dauerhaften falschen oder richtigen Anzeige wechselt das Ergebnis ständig. Mal sind alle Linien da, mal fehlen alle, mal sind einige da oder nicht. Einen Scrrenshot, wo man das gut sehen kann, gibt's hier: Ich könnte ja mit einer Browserweiche für den FF anderen Code ausgeben, wenn ich erstmal wüsste, wie der aussehen muss, damit sich der Firefox nicht daran verschluckt. Hat da jemand Hinweise, wie die Tabelle formatiert werden muss? Vielen Dank schonmal. __________________ ******************************** Nein, ich bin nicht die Signatur. Ich putze hier nur. ********************************


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

09.12.2006, 14:40
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Und wie soll es aussehen? Bei mir siehts im FF2.0 normal aus, zumindest ändert sich nach dem Refresh nichts. Wenn du eine Gitternetz-Tabelle haben möchtest, probiers mal nach folgendem Schema: Code: table.gitternetz, table.gitternetz td { border: 1px solid black; } table.gitternetz { border-width: 1px 0px 0px 1px; } table.gitternetz td { border-width: 0px 1px 1px 0px; } Die Tabelle bekommt einen Rand oben und links und jede Zelle unten und rechts. Außerdem solltest du <table cellspacing="0"> setzen.

09.12.2006, 17:41
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.256 PHP-Kenntnisse: Fortgeschritten	das beantwortet zwar nicht deine frage, aber du solltest dann auch für alle farben eine css klasse definieren und nur diese dem td element zuweisen. der beispiel link enthält ja aufgeblähten code sondergleichen...

10.12.2006, 08:54
DER_Brain Erfahrener Benutzer Registriert seit: 18.04.2005 Beiträge: 1.541 PHP-Kenntnisse: Fortgeschritten	ist der code valide? ich denke, wenn du (durch die ganzen schleifen, etc.) mal ein </td> oder sowas vergisst, dann meckert der FF gleich ziemlich heftig...? mfg Andi

10.12.2006, 12:42
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.256 PHP-Kenntnisse: Fortgeschritten	gerade mit schleifen passiert da ja eher wenig. Bis auf die üblichen Verdächtigen ist alles ok: http://validator.w3.org/check?uri=ht.../forschung.php nee, ich würde auch auf rendering tippen...

10.12.2006, 12:45
Der_Gerhard Erfahrener Benutzer Registriert seit: 08.11.2004 Beiträge: 2.079	Naja, zunächst fehlten da schon ein paar </tr>-Tags, aber da sah die Sache noch gaaaanz anders aus. Inzwischen dürften die Schleifen OK sein. Was mich richtig wurmt ist, dass das angeblich bei anderen im FF auch noch alles OK aussieht. Das ist unfair! Ich werde mir das Ding wohl nochmal instalieren müssen. __________________ ******************************** Nein, ich bin nicht die Signatur. Ich putze hier nur. ********************************

10.12.2006, 14:33
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	cellspacing ist ein Attribut für den table-Tag und definiert den Abstand der Zellen untereinander. Die CSS Angaben von mir definieren für den <table>-Tag mit der Klasse "gitternetz" und für alle <td>-Zellen innerhalb dieser speziellen Klasse einen schwarzen Pixelrand der Breite 1 (oben unten rechts links). Dann hätte die Tabelle und ihre Zellen aber einen 2-Pixel-breiten Rand (Tabellen-Pixelrand + Tabellenzellen-Pixelrand), deshalb definieren wir für <table> nur einen Rand oben und links _ \| und für die Zellen unten und rechts _\| was zusammen _ \|_\| ergibt. Code: <html> <head> <style> table.gitternetz, table.gitternetz td { border: 1px solid black; } table.gitternetz { border-width: 1px 0px 0px 1px; } table.gitternetz td { border-width: 0px 1px 1px 0px; } </style> </head> <body> <table class="gitternetz"> <tr> <td>eins</td> <td>zwei</td> </tr> <tr> <td>drei</td> </tr> </table> </body> </html>