Hi!

I want three DIV-Container side by side in another DIV-Container:
____________________________________
|text text text text text text text |
| __________ __________ __________ |
||__________||__________||__________||
|____________________________________|

I have some play around like

<div style="width: 500px;">
<div style="width: 33%; position: relative; "></div>
<div style="width: 33%; position: relative; "></div>
<div style="width: 33%; position: relative; "></div>
</div>

But the three Container are one below the other:

____________________________________
|text text text text text text text |
| __________ |
||__________| |
||__________|________________________|
|__________|


If I add the attribute "float" the DIV Container are side by side but no
longer in the surrounding DIV:

____________________________________
|text text text text text text text |
|____________________________________|
__________ __________ __________
|__________||__________||__________|

What's wrong? I try to design with DIVs now, in the past I have done it
with tables.

Thanks four your help and sorry for my english :)

S. Gohres

Sebastian Gohres wrote:[color=blue]
>
> I want three DIV-Container side by side in another DIV-Container:
>[/color]
<http://www.positioniseverything.net/>
<http://css.maxdesign.com.au/>

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Jim Moe schrieb:[color=blue]
> Sebastian Gohres wrote:
>[color=green]
>>I want three DIV-Container side by side in another DIV-Container:
>>[/color]
>
> <http://www.positioniseverything.net/>
> <http://css.maxdesign.com.au/>[/color]

Thanks for your fast and qualified answer.
Two new links for my bookmarks :)