[gerald79]

Hallo,

ich möchte gerne mit CSS eine Optik wie bei einer Tabelle schaffen. Ich werde die Daten aber nicht per Hand eintragen, sondern aus einer Tabelle lesen!
Wie das ganze aussehen soll seht ihr im Anhang, evt. habt ihr ja vorschläge ob ich das mit CSS überhaupt lösen kann, und wenn ja wie?

Vielen Dank schon einmal im Vorraus.

Gruß

[Tigereye]

Für sowas solltest du eine Tabelle benutzen! Es handelt sich um eine tabellarische Darstellung, da ist eine Tabelle absolut OK!

[gerald79]

Hm,

sag mal und wie bekomme ich das XHTML Valide??

[löffi]

Ich hab mir eine "DIV-Wüste" gebastelt. Ich weiss. Auch nicht die Feine Englische , aber da eine Tabelle erst dann gerendert wird, wenn die vollständig geladen ist, erschien mir die DIV-Lösung besser (Da ich einiges aus langsamen Strukturen auslese, dauert das immer etwas, und der User denkt sonst "ach, das Ding ist abgestürzt")
Das ist die Überschrift:

<div class="rowhead"><div class="typ">Feld</div><div class="content">Inhalt</div></div>

Und das ist eine Zeile

<div class="rowmain"><div class="typ">##Spalte 1##</div><div class="content">##Spalte 2##</div></div>

Das CSS sieht dann so aus (hoffentlich hab ich jetzt alles)

.rowhead
	{width:640px;
	padding:0.3em;
	border:1px solid #a7a6aa; 
	font-weight:bolder;
	font-family:Arial; 
	font-size:10pt;} 

.rowmain
	{width:640px;
	padding:0.3em;
	border:1px solid #a7a6aa; 
	border-top:0;
	font-family:Arial; 
	font-size:10pt;} 

.typ
	{float:left; 
	width:100px;} 

.content 
	{margin-left:110px;
	padding:0;}

[schubidu]

Zitat von gerald79

Hm,

sag mal und wie bekomme ich das XHTML Valide??

Die Tabellen-Elemente gibt es auch in XHTML.

[Luc]

Bei der CSS Eignschaft Display gibts ja noch die Attribute Table, Table-Row etc... um nicht tabelarische Elemente tabelarisch darzustellen:
http://de.selfhtml.org/css/eigenscha...ng.htm#display

Villeicht hilft dir das ja.

[Smartsoul]

Es spricht nichts gegen die Verwendung von <table>s, wenn es sich um eine tabellarische Darstellung von Informationen handelt.

Zu Layout-Zwecken, wie früher üblich, sollten sie nicht mehr verwendet werden.

Insbesondere die mehrfache Verschachtelung von <table>s und <div>s ineinander kann unter Umständen zu Darstellungsproblemen führen.

z.B.

<div>
  <table>
    <div>
      <table>
      </table>
    </div>
  </table>
</div>