|
Странно себя ведет 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'ов. Спасибо. |
|
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*/ } |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Проблема с 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 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|