Перекрывающиеся элементы div в IE ‹ 9 — нормально работают в IE9 и других браузерах

Я разработал веб-сайт (кстати, для молодого и очень креативного художника :), но у меня возникла проблема с перекрытием div.

Его можно увидеть по адресу http://www.anaaragao.com/galeria/.

Если вы нажмете «портфолио», список категорий будет смещен. Кроме того, если выбрать одну из этих категорий, изображения сообщений будут отображаться в одном столбце, а не в сетке.

Этого не происходит в IE9, Firefox, Chrome или Safari. Если бы кто-то мог указать мне в правильном направлении, это было бы очень признательно. Тем временем я продолжаю искать.

Заранее спасибо.


html css overlapping internet-explorer-9
person BMM    schedule 13.02.2013    source источник
comment
Вы отключили контекстное меню? Почему ты бы так поступил?   -  person James Coyle    schedule 14.02.2013
comment
Извиняюсь. Повторно включил его. Я знаю, что это не очень дружелюбно, но это была прямая просьба...   -  person BMM    schedule 14.02.2013

Ответы (1)


arrow_upward
2
arrow_downward

Я не смотрел ваш код js, но кажется, что вы создали неправильный стиль, когда он загружается в IE 8. Вот первый столбец ul в вашем исходном коде.

<ul class="mcol2 li_cont1" style="width: 293px; cssfloat: left;">

Измените значение стиля с "width: 293px; cssfloat: left;" на "width: 293px; float: left;", тогда проблема с макетом будет устранена.

person Minime    schedule 13.02.2013
comment
Еще не решено, но спасибо за указание в правильном направлении. У меня есть код jQuery, который создает этот стиль, а именно: jQuery(this).css({cssFloat:'left', width:''+col_Width+'px'}); . Кажется, IE 8 и IE 7 не могут понять команду cssFloat. Но если я изменю его с cssFloat на Float в коде jQuery, Safari покажет ту же самую проблему, что и IE 8 сейчас! Значит, это должно быть так... - person BMM; 14.02.2013
comment
Используйте jQuery(this).css({'float':'left', 'width':col_Width+'px'}); - person Minime; 14.02.2013
comment
В противном случае jQuery(this).css('float','left'); ... в противном случае попробуйте последнюю версию jQuery - person Minime; 14.02.2013
comment
Благодарю вас! Это решило проблему. Теперь он работает нормально, как и должно быть. Всего наилучшего! - person BMM; 14.02.2013