position:relative - задница в ИЕ6

Колос · January 13, 2009

На ниже приведённой странице ИЕ6 напрочь не отображает слой #ugol с position:absolute

Но, достаточно уменьшить ширину у слоя #obr с 480px до 477px, как слой #ugol начинает отображаться. Что происходит - в упор не понимаю.

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Проверка</title>
  <style>
  #menu
  {
	float:left;
	display:inline;
	width:180px;
	height:200px;
	margin:0px 10px 0px 10px;
	background-color:#6666FF;
  }
  #obr
  {
	float:left;
	display:inline;
	margin:0px 20px 0px 0px;
	width:480px;
	height:200px;
	background-color:#FF6666;
  }

  #soderzh
  {
	margin-bottom:167px;
	float:left;
	position:relative;
	width:700px;
	background-color:#DDDDFF;
  }
  #ugol
  {
	width:50px;
	height:50px;
	position:absolute;
	right:0px;
	bottom:0px;
  }
  </style>
</head>
<body>
<div id="soderzh">
  <div id="menu"></div>
  <div id="obr"></div>
  <div id="ugol"><img src="http://forum.htmlbook.ru/uploads/av-6356.jpg" width="50" height="50"></div>
</div>
</body>
</html>

Edited January 13, 2009 by Колос

Колос · January 13, 2009

Измените пожалста название ветки на "position:absolute - задница в ИЕ6"

Searcher · January 13, 2009

похоже, что это одно из проявлений 3-х пиксельного бага в IE6 при плавающих блоках...

тут ничего не поделаешь...

сделайте у #obr отступ меньше на 3px : margin:0px 17px 0px 0px;

хотя в вашей ситуации там можно и 0 сделать, ничего не изменится поскольку внешний блок фиксированной ширины

Edited January 13, 2009 by Searcher

Колос · January 13, 2009

похоже, что это одно из проявлений 3-х пиксельного бага в IE6 при плавающих блоках...
тут ничего не поделаешь...

Похоже да угробив на это полдня понял тоже самое.

тут ничего не поделаешь...
сделайте у #obr отступ меньше на 3px : margin:0px 17px 0px 0px;

Дело в том, что это только часть макета и если сделать так, то опять же в ИЕ6 макет летит (где-то вложенный слой перестает растягивать внешний, тоже непонятно почему). В итоге более приемлемым оказалось засунуть картинку в совершенно другой слой и оттуда размещать её абсолютно в этот ....

Спасибо за участие

Edited January 13, 2009 by Колос

Searcher · January 14, 2009

Для IE есть еще такая фишка zoom:1; Это для исправления проблем с плавающими блоками, когда они перестают растягивать родительские блоки. Поищите тут, не раз обсуждалось...

Sign In

position:relative - задница в ИЕ6

Question

Колос

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Колос

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Колос

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information