Подреждане на див-ове

[sentenello]

Здравейте,
как се правеше цсс-а за да се подредят вътре в див-а така както е на картинката.

 

[fury]

Пробваи с

display: inline;

Тоест ще имаш 1 главен div, който ще ти държи всичките div-ове.

<div id="content">
<div class="left">left side</div>
<div class="center">center</div>
<div class="right">right side</div>
</div>

#content
{
width: 1000px;
display: inline;
}
#content .left
{
width: 250px;
vertical-align: top;
border: 1px solid #000000;
padding: 1px;
}
#content .center
{
width: 500px;
vertical-align: top;
}
#content .right
{
width: 250px;
vertical-align: top;
border: 1px solid #000000;
padding: 1px;
}

 

[sentenello]

Точно така съм направил.

един главен div с още два div-a вътре, но не мога да направя единия div да е в ляво а другия в дясно. Опитвах с float, с margin, с display:inline,block,inline-block, но не стана и затова писах тук.

 

[sentenello]

На главния див сложих display:block, а на другите inline-block и стана работата :?: