Блог

Главная - Вопросы по программированию - Как я могу закрепить div в IE 8?

Как я могу закрепить div в IE 8?

#html #internet-explorer #internet-explorer-8

#HTML #internet-explorer #internet-explorer-8

Вопрос:

вы удивительно добрые и умные люди. Рассмотрим следующий HTML:

 <html>
<body>
    <div id="Panel1" style="position: absolute; bottom: 0; right: 0; top: 0;
        width: 259; background-color: #00FF00">
        <input type="button" style="position: absolute;
            left: 161; top: 30; width: 75; height: 25" tabindex="3"/>        
    </div>
</body>
</html>

Что я здесь делаю, так это закрепляю div в правой части экрана так, чтобы он простирался сверху вниз. Это отлично работает в Google Chrome, но не в IE8.

Я загрузил страницу сюдаhttp://losthobbit.net/temp/testdoc.html для того, чтобы сделать вашу жизнь немного проще.

Есть идеи относительно того, как я могу заставить это работать в IE?

Спасибо!

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

1. Недопустимый HTML с недопустимым CSS ?

2. По какой-то причине я не заметил этот комментарий, пока кто-то не указал на него.

Ответ №1:

Ну, просто добавьте допустимый doctype и готово 😉

Пример.:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

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

1. Я попробовал … (см. losthobbit.net/temp/doctype.html )… и теперь это вообще не работает. Что я делаю не так?

2. <strike> твой</strike> ты — моя любимая мозоль 😉

3. @Lost Hobbit — причина, по которой это вообще не работает после добавления strict doctype, заключается в том, что HTML и CSS недопустимы, а strict doctype обеспечивает валидность. Исправьте код, и этот doctype будет работать. Смотрите комментарий @Quinten для ссылок на то, куда идти, чтобы их проверить. В качестве альтернативы используйте нестрогий doctype, такой как simply <!DOCTYPE html> .

Ответ №2:

Должно быть, я теряю это в старости…

Все, что мне нужно сделать, это установить высоту на 100%.