Susanne Jäger: 3 spalten Layout

Beitrag lesen

Hallo Crowl,

Dir gehen da einige Konzepte durcheinander.
top funktioniert nur in zusammenhang mit position. Sonst brauchst du margin, padding ...
float und position absolute in einer Angabe widersprechen sich. entweder oder.

Wenn es dir nur darum geht drei Spalten nebeneinander darzustellen könntest du alles floaten zu lassen:
body {padding-top: 1.5em;}
#links {float: left; width: 20%; }
#mitte {float: left; width: 22%; }
#rechts {float: left; width: 20%; }

In der Regel gibt es aber auch noch Anforderungen an Header oder Footer-Bereiche.

Eine Liste mit Links zu verschiedensten (z.Zt. sinds 28) Möglichkeiten  ein drei Spalten-Layout mit allen Finessen zu erreichen gibts im Wiki der amerikanischen CSS-Discuss-Mailingiste
http://css-discuss.incutio.com/?page=ThreeColumnLayouts
Auch wenn englisch vielleicht schwierig ist empfiehlt es sich allemal sich von diesen Ansätzen inspirieren zu lassen. Die Aufgabe ist browserübergreifend lösbar, aber abhängig vom Drumrum läßt sich die Lösung nicht unbedingt aus dem Ärmel schütteln.

Gruß Susanne