Блочкая верстка, позицианирование элементов внутри блока

Статус
Закрыто для дальнейших ответов.

Prestigio

Новичок
Регистрация
23.11.2013
Сообщения
1
Приветствую!
Есть блок
#wrapper{ width:80%; min-width:940px; max-width:1200px; background-color:#FFF; margin:0 auto; padding:30px; position:relative; border-radius:10px; -webkit-box-shadow: #CCC 0px 0px 8px; -moz-box-shadow: #CCC 0px 0px 8px; box-shadow: #CCC 0px 0px 8px; }В нем лежат блоки:

.model{ padding:8px; float:left; background-color:#FFF; position:relative; margin:0 30px 30px 0; border:1px solid #CCC; text-align:center; -webkit-box-shadow: #CCC 0px 0px 8px; -moz-box-shadow: #CCC 0px 0px 8px; box-shadow: #CCC 0px 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}Вот где можно посмотреть как это работает сейчас: http://la-vittoria.ru/

Есть такая задача сделать так чтобы блоки .model распологались на равноудаленном друг от друга растоянии но при условии что крайний левый элемент .model и крайний правый елемент будут прижиты к краю обертки #wrapper

Помогите пожалуйста с решением проблемы.
Заранее благодарен
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Я не совсем понял - надо динамическую версию?

Тогда вариант использовать display: inline-block, text-align: justify и text-align-last(с префиксами):justify
Это не кроссбразерно, но есть плагин на jQ

Если фиксированное число в ряду надо, то тут проще
display: inline-block - не забывая про пробелы между блоками, которых не должно быть
width: 20% или 25% в зависимости от числа
Ну а дальше через nth-child выравниваем
 

motek

злой как @
Регистрация
13.04.2010
Сообщения
730
родительским дивом для блоков с классом model является див wrapper_modeli, а не wrapper....
у этого дива ничего не прописано, кроме маргина
Н1 перенесите из конца в начало этого блока - сейчас заголовок позиционируется на пустом месте, оставшимся от дивов .model, а сами дивы я бы задал конкретной ширины - если их четыре, то 25% минус маргин, падинг и бордер - тогда они станут точно по размерам родителя (падинг родителя тоже учитывать)
 
Статус
Закрыто для дальнейших ответов.
Верх Низ