Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 05.01.2008, 18:13
Thunder2002 Thunder2002 ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.01.2008
Beiträge: 1
Thunder2002 befindet sich auf einem aufstrebenden Ast
Standard Komplexes 5x5er Grid in CSS ohne Table?

Hi,

also generell find ich CSS ja super aber als Alternative zu Tabellen brech ich mir leider jedes mal einen ab und am Ende hab ich doch wieder eine bzw. verschachtelte Table-Tags...

Vielleicht wirds ja diesmal besser, ich habe nämlich folgendes Konstrukt dabei kürz ich mal eben die Zellen mit Z ab:

Code:
Z01|Z02|Z03|Z04|Z05
Z06|-----------|Z07
Z08|----Z09----|Z10
Z11|-----------|Z12
Z13|Z14|Z15|Z16|Z17
Dabei haben die Zellen folgende Maße:

Z01,Z05,Z13,Z17 => 10*10px
Z02,Z04,Z14,Z16 => 5*10px
Z06,Z07,Z11,Z12 => 10*5px
Z03,Z15 => Auto*10px
Z08,Z10 => 10px*Auto
Z07 => Auto*Auto

Dabei haben die ganzen Randzellen halt noch Hintergrundbilder um einen Schlagschatten darzustellen.

Mit einer Tabelle ist das schon schwierig Browserübergreifend lauffähig zu bekommen aber mit CSS bin ich vollends am scheitern. Die ersten beiden Zellen kriege ich noch hin aber mit dem Auto-Sizing der 3. wirds dann schon nichts mehr geschweige von einem funktionierenden Zeilenumbruch...

Wäre euch sehr verbunden wenn ihr mir helfen könntet.

MfG Thunder2002
Mit Zitat antworten
Sponsored Links