Gunnar Bittersmann: Layout mit DIVs statt Tabellen

Beitrag lesen

Hello out there!

ich habe nun schon dest öfteren versucht meine bisherigen Tabellen-
Layouts durch zeitkonforme DIV-Layouts zu ersetzen.

Divitis ist nicht zeitkonform.

.----. .-------------. .----.
. (1). . (2)         . . (3).
.    . ............... .    .
.    . .-------------. .    .
.    . . (4)         . .    .
.    . ............... .    .
.    . .-------------. .    .
.    . . (5)         . ......
.    . ...............
.    . .-------------.
...... . (6)         .
       ...............
.---------------------------.
. [7]                       .
.............................

(2), (4), (5), (6) gehören zusammen? Dann gruppiere sie doch. Wird zu dann zu einem Block (*). <http://de.selfhtml.org/css/layouts/mehrspaltige.htm@title=Mehrspaltiges Layout>:
• (1) hat feste Breite, float: left
• (3) hat (wenn vorhanden) feste Breite, float: right
• (*) steht dann dazwischen (wenn es beim Nutzer passt, sonst darunter)
• (7) bekommt clear: all

Wenn (2) im Quelltext vor (3) stehen sollte: Box (*) nur für (4), (5), (6)

See ya up the road,
Gunnar

--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)