Problem mit 3-Spalten-CSS-Layout

[Max Smily]

Hi Ingo,

Du brauchst dein #main1-DIV weder relative positionieren, noch floaten zu lassen. Setze es im Quelltext als letztes Element und definiere seitliche margins.

Jawohl! Das war des Rätsels Lösung! Danke. Da hab ich solange rumprobiet und dann ist es sooo einfach.

Übigens:
         width: 100% - 24px;
lustiger Versuch. CSS ist keine Programmiersprache. :-)

Das kam mir auch komisch vor.
Das lief so ab:

• ich setze meinen Balken auf 100%, ok.
• Dann füge ich etwas Text ein und gebe padding 12px dazu, damit er nicht am Rand anklatscht. Dadurch wird der Balken nach links um 24px ausgedehnt, es entsteht ein unschöner horizontaler Scrollbalken.
• Ich überlegte kurz und tippte obiges Konstrukt ein, und siehe da, es funktioniert in Mozilla, IE6 und Opera7 (mehr hab ich nicht getestet).

Inzwischen hab ich den Wert aber auf "auto" gestellt. Danke an MudGuard!

Grüße
Max