Высота блока 100%, а "Резина" ограничена. @ DeForum.ru

62 Сообщения: 356 Зарегистрирован: 04.06.05

Здравствуйте!
Как совместить стиль позволяющий ограничить "резиновость" дизайна со стилем позволяющим сделать при использовании блоков высоту 100%?

Привожу оба кода.
При вставке в тот код, что с высотой 100%, хак ограничения "резины" для IE почему то не действует. В Мозиле и Опере, конечно это огарничение "резины" действует.

Как сделать чтоб работало и для IE ? То есть так, чтобы и высота была 100%, и "резина" ограничивалась, и это работало во всех браузерах.

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
body{
   padding:0px;
   margin:0px;
   text-align:center;
}
.all{
   max-width: 1000px; 
   width: expression((documentElement.clientWidth) > 1000 ? "1000px" : "100%");
   margin-left: auto; /* Отступ слева */
   margin-right: auto; /* Отступ справа */
   background-color:#A7BBDC;
   height:800px;;
   text-align:left;
}
</style>
</head>

<body>
<div class="all">546465</div>
</body>
</html>

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  text-align:center;
}
#content {
  margin-left:auto;
  margin-right:auto;
  width:800px;
  position: relative;
  min-height: 100%;
  background-color:#FFCC00;
  text-align:left;
}
* html #content {
  height: 100%;
}
#footer {
  margin-left:auto;
  margin-right:auto;
  width:800px;
  position: relative;
  margin-top: -2.5em;
  height: 2.5em;
  background-color:#00CC33
}
</style>
</head>

<body>
    <div id="content">
    content    </div>
    <div id="footer">
    footer    </div>
  </body>

</html>

Спасибо.

62 Сообщения: 356 Зарегистрирован: 04.06.05

Уже нашел.
Вот код.

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css"> 
html {
   height:100%;
}
body { 
   margin: 0; 
   padding: 0;
   width:100%;
   height:100%;
   min-height: 100%;
   text-align:center;
}
#all{
   max-width: 1000px; 
   width: expression((documentElement.clientWidth) > 1000 ? "1000px" : "100%");
   margin-left: auto; 
   margin-right: auto; 
   background-color:#A7BBDC;
   height:100%;
   min-height: 100%;
   text-align:left;
}   
* html #all {
  height: 100%;
} 


</style>
</head>
<body>
<div id="all">all</div>
</body>
</html>

DeДверь
Логин:
Пароль:
	Автологин