Ich möchte leere <div> Tags einsetzen, um bei einem dreispaltigen Layout zwischen den Spalten Platz zu schaffen. Also nutze ich insgesamt fünf Spalten nach dem Motto:
| A | B | A | B | A |
Wobei ein A eine Spalte mit Inhalt kennzeichnet und B eine leere Spalte ist, die nur einen Abstand schaffen soll.
Sieht dann ungefähr so aus:
Code:
<div id="left">left col</div>
<div id="space"></div>
<div id="center">center col</div>
<div id="space"></div>
<div id="right">right col</div>
Das Problem: Die leeren <div> Tags werden umgangen und nicht angezeigt, selbst wenn ich im CSS explizit eine Breite angebe. Erst wenn ich z.B. ein spacer.gif oder einen Buchstaben reinsetze, dann erscheint die Spalte in der korrekten Breite.
Gibt's dafür einen Workaround?
P.S. Mir ist klar, dass ich auch ein dreispaltiges Layout nehmen und margin bzw. padding einsetzen könnte, aber das stößt an seine Grenzen, wenn ich die Abstände z.B. andersfarbig haben will...