Guten Abend,

ich hoffe, der Titel gibt einen ungefähren Hinweis auf meine Frage.
Ich habe ein ganz normales Layout mit CSS gestaltet. Ein Header, dann einen 3-spaltigen Content Bereich und einen Footer.

Den Content Bereich habe ich mit einem Div Element umgesetzt, in dem 2 weitere Div Elemente mit float: left; und float: right; angeordnet sind. Das Ganze funktioniert auch prima, nur leider viel zu gut Da die Eigenschaft float das Umlaufen des übrigen Textes festlegt, passiert es, dass der Text im Content die komplette Breite einnimmt, sobald das Ende des Divs mit float: left oder float: right; erreicht ist. Ich möchte nun, dass trotz Ende der gefloateten Divs kein Umbruch innerhalb des Contents stattfindet, sondern ich den Effekt einer 3-spaltigen Tabelle habe, der Platz unter den gefloateten Divs also einfach frei bleibt bzw. deren height die komplette höhe des content Bereichs einnimmt.

Man könnte dies nun bewerkstelligen, indem man dem Content-Bereich einen der Breite der gefloateten Div Elemente entsprechenden Abstand vom Rand durch die Eigenschaft Margin zuweist. Leider sind meine gefloateten Div Elemente aber dynamisch und passen sich an deren Inhalt an. Daher habe ich keine genaue Angabe um einen Margin Wert zu setzen. Margin:auto funktioniert leider nicht...

Ich hoffe, ich konnte mein Problem verständlich machen und hoffe, dass sich jemand einem CSS Neuling annimmt und meine Frage beantwortet.

Vielen Dank!

Hi,

ein Link wäre hilfreich.

Als Tipp: http://1ngo.de/web/em.html

Ansonsten liest sich das sehr nach Faux Columns

__________________
Der höchste Lohn für unsere Bemühungen ist nicht das, was wir dafür bekommen, sondern das, was wir dadurch werden.

Mein aktuelles Projekt bei idealseiten.de