Плавающие div не отображаются в IE7 - PullRequest
Новая
       17

Плавающие div не отображаются в IE7

1 голос
/ 14 февраля 2011

ОК, я не вижу, что здесь не так:

https://www.e -capture.net

При просмотре этого сайта в IE7 элементы div с идентификаторами #blog и #social не отображаются. Причиной, по-видимому, является #content div, который в IE7 отличается от IE8 / FF / Chrome. Но я не вижу, что я делаю неправильно.

Интересный факт: сайт отображается лучше в IE6, чем в IE7: -)

Есть идеи?
Спасибо!

1 Ответ

1 голос
/ 14 февраля 2011

Я проверял это в IE7 и Firefox.

Вам просто нужно переместить кучу ваших <div> тегов и добавить один новый (, выделенный ниже ).

Вот как выглядел Firebug после того, как я закончил:

Firebug

( Сначала я сделал то же самое в IE7, и он исправил вашЗатем я сделал то же самое в Firefox, чтобы убедиться, что это исправление не убьет его в современных браузерах. )

Вот моя попытка текстового описания того, что я сделал:

  • Я переместился #blog, #social и #footer соответственно наружу и после #content.
  • Я обернул новые <div> вокруг #blog и #social, сэти стили:
    margin: 0 auto; width: 960px.
  • Я поменял несколько вещей, касающихся #buttons, чтобы сделать их согласованными между FF и IE7:
    • Вкл. ul#buttons li, удалить margin: 10px 0 и добавьте float: left.
    • Вкл. ul#buttons li a, удалите float: left и добавьте display: block.
...