Блог

Главная - Вопросы по программированию - CSS div по ширине предыдущего div в IE7

CSS div по ширине предыдущего div в IE7

#internet-explorer-7 #width #css

#internet-explorer-7 #ширина #css

Вопрос:

Вот ссылка: www.guidegather.com

(извините, пытался опубликовать изображение, но не могу)

Если вы посмотрите на раздел нижнего колонтитула, он отображается корректно во всех основных браузерах (включая IE9), но в IE7 ширина div#mainfooter соответствует максимальной ширине класса .center вместо того, чтобы расширяться по горизонтали, чтобы заполнить пространство.

Вот CSS :

 .center{
    margin:0 auto;
    padding:0 50px;
        max-width:960px;
}
#mainfooter{
    background-color:#000;
    color:#CCC;
    list-style:none;
}

Вот как примерно выглядит HTML :

 <body>
<div class="center">
Something here
</div>
<div id="mainfooter">
    <div class="center">
    Something here
    </div>
</div>
</body>

Как вы можете видеть, div#mainfooter не зависит от предыдущего div, но ширина ограничена максимальной шириной предыдущего div (и дочернего div). Любое решение для этого?

Любая помощь приветствуется. Спасибо!

Комментарии:

1. Итак, решение состоит в том, чтобы добавить ‘display:block’ в #mainfooter. Спасибо за помощь.

2. Используйте галочку под оценкой ответа, чтобы отметить его принятым, а не помечать ваш вопрос как «Решенный».

Ответ №1:

Поскольку правила #mainfooter будут иметь приоритет над любыми унаследованными правилами, вы можете указать ширину для #mainfooter ( width: 100% или запретить это, max-width: 100% ). Это должно решить проблему.

Комментарии:

1. Спасибо за ваш ответ. К сожалению, это не работает (добавляю ли я width: 100%, max-width: 100% или width: 1000px)

2. Итак, я только что попытался добавить display:block, и теперь он работает, даже если у меня нет width: 100%. Спасибо за помощь 🙂

Ответ №2:

Итак, решение состоит в том, чтобы добавить display:block в #mainfooter . Надеюсь, это поможет всем, кто столкнется с этой проблемой в будущем, и большое спасибо тем, кто пытался мне помочь

Метки: