Нечетное переполнение div в Chrome

По какой-то причине, только в Chrome, когда вы обновляете эту страницу портфолио, миниатюры разбиваются и переходят в нижний колонтитул.Нечетное переполнение div в Chrome

Единственный способ, которым я могу реплицировать его, - это обновить страницу.

Очень странно .. это может быть проблема с JS?

перед: http://cl.ly/463x3d0y1D1k3535162C

после обновления: http://cl.ly/3Y3Q1A2u3N373s0r210s

Живого сайта: http://atavist.baltimoredrew.com/?post_type=portfolio

источник

2012-06-27 BaltimoreDrew

Похоже, вы подаете высоты к элементам статьи внутри #portfolio.

Мое предположение - это код «равной высоты», который у вас есть, работает слишком рано, пока изображения не загрузились, поэтому вы не получаете точных высот.

Убедитесь, что страница готова (изображения загружены, дом готов и т. Д.) Перед реализацией бит равной высоты.

Надеюсь, это поможет.

источник

2012-06-27 02:34:20 brains911

Этот бит? '

'Это функция или что-то, что ее вводит. Я должен буду искать его и посмотреть, откуда он. Я мог ошибаться, но я говорю это, потому что, как только он ломается, он меняется на 87 пикселей. – BaltimoreDrew

Да. Я заметил, что высота менялась от перезагрузки до перезагрузки. Посмотрите на портфолио. Вокруг линии 84. – brains911

Я подозреваю, что это правильный ответ. Вот связанный ответ: http://stackoverflow.com/questions/7669567/chrome-safari-image-loader-first-time-opening/7669602#7669602. Также: http://stackoverflow.com/questions/10709557/chrome-change-style-after-refresh-and-corrects-it-when-i-right-click-to-inspect/10709790#10709790 – thirtydot

Первое, что выделялось как нечетное, было это часть html внизу? страницы:

<style type="text/css" class="fluid-images">img{max-width:100%;height:auto;}</style>

Там нет атрибута класса для стиля тега, и все ваши стайлинга должны идти в верхней части документа.

Он также может иметь что-то делать с этим:

.fix::before, .fix::after, .col-full::before, .col-full::after { 
    content: "\0020"; 
    display: block; 
    height: 0; 
    overflow: hidden; 
}

Приведенный выше код, очевидно, хак, но я не признаю его или ее цель.

источник

2012-06-27 02:37:11 SuperMykEl

Это плагин. Не уверен, почему он встраивает CSS в нижнюю часть страницы. Это странно, спасибо за улов. Никогда не замечал этого. Теперь посмотрим на .fix. – BaltimoreDrew

Это правило CSS, очевидно, просто [clearfix] (http://nicolasgallagher.com/micro-clearfix-hack/). Ничего не видно. – thirtydot

Это был плагин WP Fluid Images, вызывающий проблему. Я думаю, что переместить его на вершину не удастся исправить. Это немного плавный плагин, и я заметил некоторые проблемы. – BaltimoreDrew

Нечетное переполнение div в Chrome

ответ

Смежные вопросы