✔ tabelle mit div und span faken!?

[Mik3e]

Hi,

Ich möchte eine Tabelle mit <div> und <span> "faken". Der Grund:
In der Tabelle werden Daten abgerufen deren Generierung einige Zeit dauert. Damit die bisherigen Ergebnisse erscheinen, möchte ich die Abbildung über DIV machen (bei einem Table wartet der Browser ja auf das abschließende </table> tag, bevor er den Inhalt anzeigt).

Meine Idee war, mit <div> zeilen zu erstellen und die spalten mit <span> Elementen darzustellen.

also:

<div style="width: 130px;">
  <span style="width: 50px;">1</span>
  <span stlye="width: 80px;">2</span>
</div>

Allerings schluckt mir das <span> Element die width angabe nicht. Der Browser stellt die Breite je nach Länge des Inhalts dar.

Kennt jemand einen Kniff wie ich das umsetzen kann?
Oder kann ich das einzig und allein nur mit einer Tabelle lösen?

Danke & Ciao,
Mike

 

[Maik]

Um dem Inline-Element span eine Breite verpassen zu können, benötigt es die display:block-Eigenschaft, um so Block-Level-Charakteristika zu erlangen.

Dadurch muß aber noch zusätzlich die float-Eigenschaft eingesetzt werden, da die Elemente sonst untereinander dargestellt werden.

 

[Mik3e]

Hi,

Danke.. und wie würdest du das float-Thema bei 5 Tabellenspalten lösen?

Ciao,
Mike

 

[Maik]

Ehrlich gesagt würde ich erst garnicht eine Tabelle mit DIVs und SPANs "faken", sondern direkt zur Tabelle greifen

Den ersten vier SPANs (Spalten) müsstest du dann die float:left-Eigenschaft zuweisen.

 

[Mik3e]

Hast Du die Begründung oben gelesen
Sonst würde ich natürlich einen table nehmen...

 

[flooo]

dann mach zwei tabellen draus oder wie viele auch immer
flooo

 

[Maik]

Selbstverständlich habe ich deine Begründung gelesen

Dennoch würde sie mich nicht davon abhalten, dort eine Tabelle einzusetzen, wo ihr Einsatz sinnvoll und semantisch korrekt ist.