Gunnar Bittersmann: Umsetzung des Layouts

Beitrag lesen

Hierbei sind die Tabellenzellen 1, 2, 3, 4 und 7 in ihrer Größe fest und beinhalten jeweils genau eine Grafik, die genau so groß ist, wie die Zelle selbst.

Mischa,
Ersetzen wir mal „(Tabellen)zellen“ durch „Bereiche“, das befreit von falschen Denkansätzen.

Warum sind das einzelne Grafiken, warum werden diese nicht zusammengefasst?

Da deren Größe und Position genau festgelegt ist, bietet sich <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=absolute Positionierung> an.

Für den Text musst du nichts weiter tun als ihm linken und rechten Rand zu geben (http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin fürs body-Element). Die Hintergrundgrafiken 6 und 8 sind http://de.selfhtml.org/css/eigenschaften/hintergrund.htm@title=background für html bzw. body; oder wenn IEs das nicht darstellen können für body und _ein_ dann notwendiges div.

Schon hast du ein flexibles Layout völlig ohne table dafür zu missbrauchen.

Live long and prosper,
Gunnar

--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)