Приветствую!
Есть блок
#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
Помогите пожалуйста с решением проблемы.
Заранее благодарен
Есть блок
#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
Помогите пожалуйста с решением проблемы.
Заранее благодарен