#html #css #firefox7
#HTML #css #firefox7
Вопрос:
На моем веб-сайте, над которым я сейчас работаю, возникла проблема в Firefox 7. Поле подталкивает градиент в #wrapper снизу вверх и разрушает поток. Я уже сбросил значение margin до 0 для body и html и, похоже, не могу найти ничего, что могло бы это объяснить. Firebug не сообщает мне ничего ценного в этом случае.
Мой код здесь, и вы можете посмотреть на веб-сайт самостоятельно здесь
Ответ №1:
Просто установите высоту тела на 100%. Это может помочь. А также добавьте background-attachment:fixed; , чтобы избежать фоновой прокрутки на всякий случай, если ваша страница прокручивается.
Комментарии:
1. Добавляется как к телу, так и к градиенту, идущему полностью вниз. Но
background-attachment: fixed;это не решило проблему прокрутки.2. Добавлено
overflow: hidden;в тело, и проблема решена. Отметьте свой ответ как принятый ответ.3. Будьте осторожны, потому что при добавлении overflow: hidden; страница не прокручивается, если ваш контент длиннее высоты страницы, и есть вероятность, что на небольших экранах, таких как ноутбуки или ipad, люди увидят только половину вашей страницы.
4. Страница, которую я создаю, будет использоваться только как портал, и никакой другой контент не будет добавлен. Но, если экран очень маленький, возникают проблемы.