Вопрос по ширине новых позиций

[doowit]

Помогите пожалуйста с CSS. Хочу вставить три новых позиций:
Как можно сделать чтобы все три позиции распределялись равномерно по ширине шаблона. Получается как на рисуке, третья позиция не доходит до края.


Использую один класс для трех позиций:

             margin-right: 3px;
   margin-bottom: 3px;
   overflow:hidden;
   width:32%;
   border: 1px solid #E7E8E6;
   float: left;

Подскажите как сделать правильно?

[dynamit]

заверните все три в див и ему пропишите

Код:

margin: 0 auto;

[doowit]

заверните все три в див и ему пропишите

Код:

margin: 0 auto;

Я правильно сделал?

Код:

<div id="now-1">
<jdoc:include type="modules" name="now" />
</div>

<div id="now-1">
<jdoc:include type="modules" name="now1" />
</div>

<div id="now-1">
<jdoc:include type="modules" name="now2" />
</div>

css получился так:

Код:

#now-1 {
margin: 0 auto;
overflow:hidden;
width:32%;
border: 1px solid #E7E8E6;
float: left;

В итоге пропали отступы между позициями, а в ширину так и остались.

[asomnia]

Я правильно сделал?

нет, читайте внимательней
нужно завернуть все ваши <div id="now-1"> в общий див и ему поставить margin: 0 auto;

В итоге пропали отступы между позициями, а в ширину так и остались.

конечно, вы ж обнулили свои св-ва

[dynamit]

asomnia, все правильно, это я сначала так написал. потом исправил.   

[asomnia]

asomnia, все правильно, это я сначала так написал. потом исправил.   

а..тогда просим прощения у автора

[al-teen]

Код:

<div class="now-1">
<jdoc:include type="modules" name="now" />
</div>

<div class="now-1">
<jdoc:include type="modules" name="now1" />
</div>

<div class="now-1">
<jdoc:include type="modules" name="now2" />
</div>

Код:

.now-1 {
margin: 0 auto;
overflow:hidden;
width:32%;
border: 1px solid #E7E8E6;
float: left;

Более валидно

[sergik74]

фигню я тут написал

ладно напишу опять

Когда то делал для модулей вот такой ксской

#wrapper {
    width: 800px;
    height:60px;
    background:#EFEFEF;
}
.section {
    border:solid 1px #999;
    float:left;
    height:58px;
    margin-left:10px;
    width: 250px;
}
#wrapper div:first-child {
margin-left:0px auto;
}