nicht angemeldet
Hallo Leute..
ich hab folgendes Problem..und zwar möchte ich ein dreispaltiges div layout mit drei nebeneinander stehenden div-boxen und einem übergeordnetem div container..das ganze schaut so aus:
<body>
<div id="container">
<div id="links">
lorem ipsum
</div>
<div id="mitte">
inhalt
</div>
<div id="rechts">
lorem ipsum
</div>
</div>
</body>
ich fang mal so an..
div rechts soll rechts stehen. div mitte in der mitte und div links eben links.
das ganze würde ich so realisieren, dass ich "links", "mitte" und "rechts" jeweils ein float:left verpasse und sie somit schön nebeneinander bekomme.
der übergeordnete "container" hat keine feste höhe sondern soll sich seinem inhalt entsprechend anpassen. außerdem hat er z.b. eine hintergrundfarbe oder eine y-wiederholte grafik.
das problem ist aber, das "container" mit der lösung alle boxen left floaten, nicht klarkommt und nicht die höhe seines inhalts annimmt. sobald ich aber die rechte box nicht floate, dann passt sich "container" der höhe an und stellt auch die hintergrundfarbe dar.
ich hoffe ich konnte es einigermaßen verständlich rüberbringen.
weiß jemand rat?
ps: ich möchte KEINE tabelle verwenden.
grüße