nicht angemeldet
Das würde ich zugern sehen :)
Das Problem ist ja folgendes:
Zunächst befindet sich der Inhalt der mittleren Spalte ja auch wirklich in der Mitte. Dort brauche ich also kein Padding/Margin. Alles ist bis hier hin perfekt =)
Wenn nun aber der Inhalt die Länge der danebenliegenden linken Spalte übersteigt, dann verläuft dieser unter der linken Spalte weiter. Das ist ja auch der Sinn von Float. Nur leider ist dies in meinem Beispiel ungewollt, sodass ich die mittlere Spalte ebenfalls auf Float:Left setze.
Hierzu mal folgendes Beispiel ohne die Float-Angabe in der Mitte:
<html>
<body>
<div style="float: left; background-color: red; width: 200px;">links</div>
<div style="float: right; background-color: green; width: 200px;">rechts</div>
<div style="background-color: blue;">mitte<br>uebersteigt<br>laenge<br>der<br>linken<br>Spalte.</div>
</body>
</html>
Die blaue Mitte rutscht hierbei zum Teil unter die linke rote Spalte. Sie soll aber eigentlich in der Mitte bleiben.
Dies ist möglich wenn man die mittlere Spalte auf Float:Left setzt. Könnt ihr ja mal ausprobieren :)
Der Nebeneffekt ist leider, dass die blaube mittlere Spalte nur so breit wie der Inhalt selbst ist. Ich hätte es aber gerne so, dass dieser die gesamte zur Verfügung stehende Breite ausnutzt.
Ich hoffe, dass es so anschaulich besser verständlich ist :)
Gruss
emmi
Kai345