А зачем вам inline-block?
|
Да кстати:
vertival-align:top; ... |
inline-block нужен для заполнения блоками в цикле слева направо (хотя можно сделать и через float+хаки). vertival-align:top ошибся, печатаю в блокноте, заменил на vertiсal-align:top, вертикальный отступ пропал, всё как надо. Инлайн блоками пользуюсь, так как более предсказуема вёрстка, никаких overflow:hidden родительским элементам, clearfix и прочее в этом случае не нужно.
|
(хотя можно сделать и через float+хаки)
Я переделал вёрстку блоками, и увеличил число xl до 15 где-то ничего не тормозило... Вообще! Цитата:
|
А вообще, по идее вёрстка может влиять на работу скрипта(по идее)
только в случае сложной дум структуры. CSS вообще как бы не в счёт... Я пожалуй гляну пристальнее на ваш пример вечерком) |
Кароче.
Конфликт происходит вот из-за этого: Цитата:
С этой штукой диспетчер задач в хроме показывает 90% загрузки моего CPU. Если сделать нормальную вёрстку, загрузка не превышает и 20%... |
Правильная вёрстка та, в которой меньше всего хаков и прочей ерунды. float прежде всего обтекание и вырывание элемента из потока со всеми нехорошими последствиями, а мне этого не нужно. Для инлайнового отображения блочных элементов служит inline-block, при этом как я заметил выше, никаких схлопываний и прочих неожиданностей, устраняемых никому не нужными хаками, здесь не будет.
Уберите min-height и тормозить перестанет, уберите position:relative и тоже тормозить перестанет. С чего вы решили, что проблема в inline-block и float, а не в height или relative? Проблема до сих пор неясна, пока только предположения. И кстати, FireFox со своим движком тоже тормозит на этой вёрстке, просто при таком малом количестве данных это незаметно. Тут ошибка где-то на логическом уровне, которая перекидывается на остальные невиновные стили. Opera до сих пор тормозит, даже если убрать все inline-block и флоаты, так что вполне вероятно, что ошибка совсем не в них. Разберу Оперу, узнаю из-за чего там виснет и тогда будет побольше информации для размышления. |
Последняя информация (chrome) - inline-block и float убрал, скрипт всё равно подтормаживает, видимо с позиционированием что-то. Код ещё немного уменьшу и скину.
|
О... я только заметил...
А не могли бы вы объяснить для чего на боди position: relative стоит? |
Цитата:
Для справки: Дисплей табле и инлайн блок не используются, в силу того, что это решение не кроссбраузерно. Если бы вы пришли к моему работодателю с такой вёрсткой он послал бы вас к бабушке... |
Часовой пояс GMT +3, время: 02:45. |