XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Komplexes 5x5er Grid in CSS ohne Table? (http://xhtmlforum.de/showthread.php?t=49683)

Thunder2002 05.01.2008 18:13

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

Geronimo 05.01.2008 19:39

Anstatt zu versuchen eine Tabelle nachzubilden könntest du auch beispielsweise folgende Variante ausprobieren: A List Apart: Articles: Onion Skinned Drop Shadows.


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:27 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020