Равное расстояние между DIV

[Ritter]

Ка сделать также:

Не подходит: overflow, display table и просто table.

[psywalker]

Делаешь оступы слева, а у первого вырубаешь их.

[paracelso]

У него косяк во float'е

Float:left пропиши всем элементам,

Далее для жесткой ширины

х = (ширина-90)/4, width=x; margin-right:30px; последнему - margin-right:0px;

Для плавающей ширины

Без скриптов не сделать

структура будет:

<div class="ourwidth">
<div class="1"><div class="2"></div></div>
<div class="1"><div class="2"></div></div>
<div class="1"><div class="2"></div></div>
<div class="1"><div class="2"></div></div>
</div>

body {
overflow:hidden;
}
.1 {
float:left;
margin:0px;
padding:0px;
width:25%;
}
.2 {
margin-right:30px;
}
.ourwidth {
margin-right:-30px;
}

Должно работать, не проверял.

Проверил, пример работает.

В свое время для себя такое сделать поленился D: Жду спасибок.

Edited November 3, 2011 by paracelso

[Ritter]

float прописан. первому элементу отдельный стиль не подходит, так как эти четверо блока могу добавляться и ниже.

Edited November 3, 2011 by Ritter

[paracelso]

Я выложил рабочий пример для плавающей структуры, по ссылке все работает)

[Ritter]

Понятно. Значит варианто нет. Жаль...

[paracelso]

Ты адекватен? На jsfiddle лежит вариант на floate в отдельно блоке. Без id. Тебя чем он не устраивает? Ссылку я дал.

[Ritter]

Ты адекватен? На jsfiddle лежит вариант на floate в отдельно блоке. Без id. Тебя чем он не устраивает? Ссылку я дал.

Вполне. Этот вариант не подходит, так как эти блоки находятся внутри блока с фиксированной шириной.

[paracelso]

Были маты

Edited November 3, 2011 by Softlink

[Softlink]

paracelso, тиха тут! Еще один такой выпад и будет бан, гарантирую. Некрасиво же.

[Ritter]

Были маты

Зачем мне менять размер окна?

Ты написал какую-то хрень. Таким макаром можно сделать даже лучше.

прописываем для блока с фиксированной шириной overflow:hidden;

дальше пишем еще блок с шириной больше на 30px.

в него пишем эти 4 блока, прописывам им float:left;, задаем ширину и делаем отступ справа 30px.

Вуаля!

Но мне этот вариант не подходит.

[Softlink]

float прописан. первому элементу отдельный стиль не подходит, так как эти четверо блока могу добавляться и ниже.

Так и почему не подходит-то? Ну добавляется он и что дальше? Структура же останется нужной. Или вы что-то не договариваете?

[paracelso]

Меня поражает, что этот индивид видит фиксированную ширину в ксснике, где нет ни одного значения в пикселях.

Не вижу смысла дальше диалог вести.

[Ritter]

float прописан. первому элементу отдельный стиль не подходит, так как эти четверо блока могу добавляться и ниже.

Так и почему не подходит-то? Ну добавляется он и что дальше? Структура же останется нужной. Или вы что-то не договариваете?

Не договариваю. Для начала хотел услышать какие бывают варианты.

Ширина фиксирована.

Изначально я сделал, как описал выше, с помощью overflow:hidden, забыл что решение мне не подойдет. Так как серый квадрат у последнего блока уходит в значение hidden.

Серый квадрат представлен как absolute, и вынесен из блока right:-x;

Эти 4 блока повторяются ниже.

Edited November 3, 2011 by Ritter

[Softlink]

Я правильно вас понял? Что-то такое должно получиться? Вижу, что у блока-контейнера ширина зафиксирована.

[Svatov]

Тоже так и не понял, чего добивается автор Мало ли вдруг поможет эта статья...СТАТЬЯ

[Ritter]

Я правильно вас понял? Что-то такое должно получиться? Вижу, что у блока-контейнера ширина зафиксирована.

Да правильно.