Глюк в ie position:relative

tonik_spb · December 7, 2008

обнаружил тут такую штуку

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>Untitled Document</title>
<style>
body, html{
	font-family:Arial;
	margin: 0 auto; 
	height:100%;
	text-align: left;
	background:rgb(183,229,255);
}
.sl2{
	background:white;
	overflow:hidden;
	width: 1000px;
	height:auto;
}
.menu_1{
	position:relative;
	border:1px solid black; 
	width:200px;
	min-height:279px;
	height:100%;
	_height:279px;
	font-size:14px;
}
</style>
</head>

<body>
<div class="sl2">
	  <div class="menu_1">
			text	
	  </div>

	  </div>
</body>
</html>

В FF все нормально: Белых фон по центру а menu_1 прижато к правому углу sl2 и при изменении размера окна браузера все остается на местах.

В IE6 же при изменении размера menu_1 начинает ползать по всему экрану, отступ от правой стороны sl2 появится, то к правому углу всего документа прижмется, при этом если при новых размерах окна браузера обнавить страницу все станет как нужно..

Как избавиться от такой штуковины в IE6?

хм...... нашел конечно решение проблемы: К стилю body, html тоже прибавить свойство position:relative;
но может у кого-нибудь еще какие-нибудь идеи появятся

Edited December 7, 2008 by tonik_spb

tonik_spb · December 7, 2008

хотя тут подумал у нас же к стилю body, html фиксированная велечина заданна чтоб центрировалось все. Видимо просто ie понимает эт как по другому не как FF в этом с вся проблема =\

Vlad · December 8, 2008

Проверил в IE6, никаких описанных глюков не заметил.

tonik_spb · December 9, 2008

хм странно...... ну В общем главное что проблема решена =))

Sign In

Глюк в ie position:relative

Question

tonik_spb

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

tonik_spb

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

tonik_spb

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information