div не так отображается в IE

voodoo · February 17, 2008

Вот код:

<!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>
</head>
<body>
  <div id='blok' style='background: white; text-align: center;">
	много текста
  </div>
</body>
</html>

css:

body,html {
  margin : 0;
  padding : 0;
  height:100%; 
  max-height:100%;
  overflow: hidden;
} 
#blok {
  position: fixed; 
  top: 75px;
  left: 190px;
  bottom: 50px; 
  right: 0px;   
  overflow: auto; 
  }

При таком коде в IE отображается только часть текста и нет полосы прокрутки ...

Если поменять fixed на absolute, то не чего не измениться .

Если поменять overflow: auto; на overflow: scroll; , то тоже не чего не меняется .

Если в цсс добавить :

* html #blok {
  height:100%; 
  width:100%; 
  }

то блок из IE вообще пропадает ...

в опере лисичке вс? показуется как надо почти при любом раскладе.

Slyfox · February 17, 2008

Смотрим внимательно на это:

<div id='blok' style='background: white; text-align: center;">

Кавычки такие разные.

Возможно проблема в этом

Slyfox · February 17, 2008

Вот наглядный пример как нужно:

<!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>
<style type="text/css">
body{
	margin: 0;
	padding: 0;
} 
#blok{
	position: absolute;
	top: 70px;
	left: 70px;
	width: 400px;
}
.content{
	overflow: auto;
	height: 100px;
}
</style>
</head>
<body>
<div id="blok">
	<div class="content">
	Текст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст ТекстТекст Текст Текст
	</div>
</div>
</body>
</html>

Это должно помочь.

voodoo · February 18, 2008

кавычки, то просто опечатка они не прич?м ...

в тво?м примере "height: 100px;" и "width: 400px;" а мне надо чтоб окно растягивалось ... в тво?м примере конечно окно в IE смотрится нормально, но оно не растягивается ...

дело в том что если указать "width: 100%;" то окно принимает длину согласно разрешению экрана, но у меня то отступ от края ещ? "left: 70px;" ... такая же проблема и с высотой у меня отступы сверху и снизу ...

voodoo · February 18, 2008

проблему решил ... дописав в цсс вот это :

* html #blok {
  height: expression((document.body.clientHeight - 141) + "px"); 
  width: expression((document.body.clientWidth - 190) + "px"); 
  }

Slyfox · February 18, 2008

Я рад

Sign In

div не так отображается в IE

Question

voodoo

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Slyfox

Link to comment

Share on other sites

Slyfox

Link to comment

Share on other sites

voodoo

Link to comment

Share on other sites

voodoo

Link to comment

Share on other sites

Slyfox

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information