Сложность при попытке размера Div в среде XP.под IE8 - PullRequest
Новая
       8

Сложность при попытке размера Div в среде XP.под IE8

0 голосов
/ 22 января 2012

Я пытаюсь понять проблему в моей веб-разработке.Я занимаюсь разработкой в ​​среде XP с IE 8. Чтобы найти способ решения проблемы, я разработал очень простую веб-страницу.
Она в основном состоит из двух элементов.Тело (с красным фоном) и Div (с зеленым фоном).Я установил высоту div на 100%.Я ожидаю, что div заполняет страницу, так как высота и ширина составляют 100%.Но вместо этого я получаю тонкий div, возможно, половину см в высоту, который простирается почти до левого и правого краев страницы.Если я укажу высоту div как абсолютное количество пикселей (например, 512 пикселей), я смогу увеличить высоту div.Но это не сработает для меня, так как мне нужно работать с пользователями с разными разрешениями экрана.Есть что-то фундаментальное, чего я здесь не понимаю.Кто-нибудь может мне помочь?

Вот содержимое страницы: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 <title>TEST</title>
 <link href="css/stylesheet.css" type="text/css" rel="stylesheet" media="all"/>
</head>

 <body>
   <div id="container">
    </div>
</body>
 </html>

А вот таблица стилей, связанная со страницей.

     body
  {
text-align:center;
    background-color:red; 

  }
  #container
  {

width:100%;
height:100%;
  background-color:green; 
 }

1 Ответ

0 голосов
/ 22 января 2012

Ключ найден в другой записи stackoverflow:

Сделать div заполнить высоту оставшегося пространства экрана

Что оказалось необходимым, так это добавить в мой файл CSS следующее: 

body
,html
{
 height: 100%;
 margin: 0;
 padding: 0;

}

Я также отмечаю, что вложенные элементы div не работают должным образом, и что их использование дало мне больше контроля над поведением форматирования.

...