Я здесь с вопросом о CSS в IE8 и запрошу возможные обходные пути.позиция: абсолютная величина в элементе динамического размера в IE8
У меня есть сайт с липким нижним колонтитулом.
У меня есть DIV, которое 100% -100% в размер, в тела элемента с множеством мин-ширина и мин-высота.
Это означает, что div растянут до размера окна, если окно не слишком маленькое, в этом случае появятся полосы прокрутки.
Внутри этого DIV, у меня есть еще один ДИВ элемент (липкая колонтитула), с абсолютного положения к нижней в DIV. Минимальная высота корпуса устанавливается точно так, что когда нижний колонтитул div попадает в содержимое страницы, он не перемещается вверх, поэтому он не перекрывается с контентом. Теперь он работает хорошо во всех браузерах, кроме IE8. Есть всегда проблемы с IE8 ...
Что это делает на IE8 в том, что во время данной страницы загрузки содержимого нижнего колонтитула DIV сам устанавливает на нижней части экрана, независимо от мин высоты, так и на небольшие экраны перекрываются с контентом и прокрутка не перемещает его, поэтому он просто остается замороженным везде, где он отображается на странице.
Таким образом, кажется, что проблема не в сноске, но главное ДИВ не изменение размера в 100% экрана ...
Что я могу поделать?
Вы можете проверить это here (коды страниц ужасны, я только что получил его, чтобы исправить некоторые вещи, которые не работают и оптимизируя его для IE8 является жесткой, жесткой работой)
Под линией : Разве не должно быть отдельного сайта StackExchange для веб-дизайна? Я имею в виду, что stackoverflow для энтузиастов программистов и веб-дизайн на самом деле не программируются, если мы не спрашиваем о PHP, JS и т. Д., Который не очень похож на дизайн ...
'позиция: relative', кажется, по умолчанию в хроме, поэтому, когда я добавить правило, а затем отключить его в инструментах разработчика, он делает то же самое, как IE8. Поэтому я думаю, что правильно использовать 'position: relative', поскольку некоторые браузеры могут не иметь этого по умолчанию. Однако IE8 по-прежнему остается таким же.Приятно отметить, что при прокрутке нижний колонтитул не прилипает к нижней части экрана, но остается там, где нижняя часть экрана была при загрузке страницы. (проверьте [это] (http://i.imgur.com/5FrXa3x.png) и [это] (http://i.imgur.com/ePIEs3I.png)). – HajdaCZ
Хотя изменение размера перемещает его в нижнюю часть экрана (или, если быть точнее, внизу, когда страница прокручивается вверх) Дайте мне время, и я добавлю красную раскраску в полноэкранный div ... Итак, это похоже, что IE8 игнорирует мою минимальную высоту, так как она всегда изменяется до 100% от размера экрана, независимо от правила минимальной высоты. – HajdaCZ
Просто исправить. Случилось так, что ** fullscreen ** div был изменен до 100% экрана в IE8, тогда как в Chrome и большинстве других браузеров он изменился на 100% от родительского (body), у которого была минимальная высота. Так что в основном просто настройка минимальной высоты для элемента ** fullscreen **, также работающего. – HajdaCZ