rules="groups" | css

[Martin Hein]

Hallo Forum,

ich probiere gerade mit dem attribut 'rules="groups"' herum.
Kann mir jemand sagen, wie ich mit CSS die Dicke der Rahmen
beeinflusse ?

Von z.B. "table{border: 10px solid black;}" lässt sich das
Gitternetz nicht beeindrucken und "td{border: 10px solid black;}"
macht auch etwas anderes.

danke für Tipps und

beste gruesse,
martin

[Gernot Back]

Hallo Martin,

Von z.B. "table{border: 10px solid black;}" lässt sich das
Gitternetz nicht beeindrucken und "td{border: 10px solid black;}"
macht auch etwas anderes.

Wie sieht es denn bei deinem TABLE-Element mit dem border-collapse aus?

Gruß Gernot

[Martin Hein]

Hallo Gernot,

border-collapse:collapse

ich hab aber mittlerweise, glaub ich alles mal ausprobiert.
Ich suche nämlich verzweifelt nach einer Lösung für das
hier:

[url:http://herrhein.com/public/temp/tables.html]

Die Darstellung entspricht im FF und Opera dem Quelltext
und der IE macht's mal wieder nicht sauber. Klar könnte
ich auch nur die td-tags stylen und dann siehts so aus.
Aber ich hab sowieso Performance-Schwierigkeiten und da
versuche ich's mal mit einer ganz sauberen Tabelle mit
so wenig, wie möglich übersichtlichem Code.

gruss,
martin

[Gernot Back]

Hallo Martin,

http://herrhein.com/public/temp/tables.html

Die Darstellung entspricht im FF und Opera dem Quelltext
und der IE macht's mal wieder nicht sauber. Klar könnte
ich auch nur die td-tags stylen und dann

Wenn es so, wie es in Opera oder Firefox aussieht, auch im IE aussehen soll, warum gibst du nicht allen TD- und TH-Zellen border:solid 2px #FFFFFF; und deiner Tabelle wie gehabt border-collapse: collapse;, dann sieht es im IE doch auch so aus!?

Zeige uns doch mal, falls es doch auch im Firefox noch nicht ganz deinen Wünschen entspricht, noch einen Screenshot, aus dem hervorgeht, wie es wirklich aussehen soll!

Gruß Gernot

[Martin Hein]

Hallo Gernot,

Wenn es so, wie es in Opera oder Firefox aussieht, auch im IE aussehen soll, warum gibst du nicht allen TD- und TH-Zellen border:solid 2px #FFFFFF; und deiner Tabelle wie gehabt border-collapse: collapse;, dann sieht es im IE doch auch so aus!?

im FF und Opera ist die Darstellung absolut korrekt. Das Problem
ist urspünglich, dass ich mit diese Tabelle (600 Zeilen)
Perfomanceprobleme habe und nun versuche, "dem Browser die Tabelle
so angenehm wie möglich zu programmieren". Da das ganze Teil eines
selbstgestrickten CMS ist, soll der IE vorrangig behandelt werden.

Die Schwierigkeit für mic besteht darin, dass ich nicht weiss,
was eine Tabelle "browserfreundlich" macht. Bei dem Ansatz mit
<col> und <colspan> teilt man dem Browser vorher mit, was er zu
erwarten hat. Das hielt ich für "entgegenkommender" als ihn anzuweisen um 600*12=7200 Tabellenzellen je einzeln einen Rahmen
zu zeichnen ;)

Ein anderer Ansatz wäre z.B. die Tabelle mit <ul> und <li> zu
zeichnen. Aber ich hab keine Ahnung, ob das eine Erleichterung
für den Browser darstellt.

beste gruesse,
martin

[Gernot Back]

Hallo Martin,

Die Schwierigkeit für mic besteht darin, dass ich nicht weiss,
was eine Tabelle "browserfreundlich" macht. Bei dem Ansatz mit
<col> und <colspan> teilt man dem Browser vorher mit, was er zu
erwarten hat. Das hielt ich für "entgegenkommender" als ihn anzuweisen um 600*12=7200 Tabellenzellen je einzeln einen Rahmen
zu zeichnen ;)

In Verbindung mit table-layout:fixed hilft es tatsächlich dem Browser, die Tabelle schneller zu rendern. Ohne muss er ja erst die komplette Tabelle einlesen, um zu wissen, wie er die Breite der Spalten tasächlich am besten aufteilt. Mit table-layout:fixed weiß der Browser hingegen bei den COL- und COLGROUP-Elementen gleich zu Beginn des Quellcodes der Tabelle, woran er sich strikt zu halten hat.

Setting the property to fixed significantly improves table rendering speed, particularly for longer tables.

Ein anderer Ansatz wäre z.B. die Tabelle mit <ul> und <li> zu
zeichnen. Aber ich hab keine Ahnung, ob das eine Erleichterung
für den Browser darstellt.

Bloß nicht, das ist bestimmt noch zappeliger im Aufbau der Seite und auch ncht performanter als eine Tabelle mit table-layout:auto(Default-Einstellung)

Gruß Gernot

[Martin Hein]

Hi,

oder anhang eines Beispiels aus Selhtml:

[url:http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss]

An welcher Stelle kann ich das Aussehen des Gitternetzes
beeinflussen. z.B. wie dick die Linien sein sollen oder
welche Farbe sie haben?

beste gruesse,
martin