Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Странно себя ведет float: left

Обсуждение темы Странно себя ведет float: left в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте! Подскажите решение проблемы, давно еще с этим столкнулся, но никак не могу решить. Таблицей делать не хочется. Пример того тчо есть на ...


Закрытая тема
 
Опции темы
Старый 03.05.2011, 19:40   #1
Здравствуйте! Подскажите решение проблемы, давно еще с этим столкнулся, но никак не могу решить.
Таблицей делать не хочется.

Пример того тчо есть на данный момент тут - http://dmitry-design.ru/primer/primer.html

Блок engine (в него заключен каждый двигатель) имеет следующий стиль:

#engine {
float: left;
width: 22%;
text-align: center;
margin-right: 10%;
margin-bottom: 50px;
}

В результате хочу чтоб движки отображались по три в ряд и просто переходили на новую строку и продолжали отображаться друг за другом.
Но как выяснилось если высотка к примеру последнего div'а в первой строке меньше чем в предидущей то дивы перескакивают.

Подскажите как можно решить проблему отображения каталога товаров в таком стиле с учетом использования div'ов.

Спасибо.
 
Старый 03.05.2011, 19:40
Ссылки
Старый 04.05.2011, 11:29   #2
display:inline
position:relative /*не обязательно*/
и должно прийти счастье
 
Старый 04.05.2011, 11:32   #3
vladendark, спасибо, помогло вот такое решение:

#engine {
display : inline-block;
/display : inline; /*для ie6/ie7*/
vertical-align : top;
zoom : 1; /*для ie6/ie7*/
}
 
Старый 04.05.2011, 11:32
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с float в IE 6-7 Apologet HTML, CSS, JavaScript 1 21.03.2012 20:34
На счет UCOZ, странно все однако Dejust Кальянная 8 12.05.2009 14:20
Серваки для Left 4 Dead Diabolos Кальянная 3 24.01.2009 12:53
Float и valign adbared HTML, CSS, JavaScript 7 04.06.2008 18:10
Как ни странно, опять разговариваем про сайты JGru Графические работы 10 16.04.2007 13:37


Текущее время: 21:02. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум