Меню
Что нового?

DIV в IE ездит по вертикали при изменении размера окна

littleannika

Новичок
DIV в IE ездит по вертикали при изменении размера окна

В эксплорере див съезжает по вертикали при изменении размера окна. В других браузерах все нормально. Как лечить?

Вот примерчик кода:

Код: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>test</title>
<style>
html, body {	
    height: 100%;
    margin: 0px;
    padding: 0px;
	vertical-align: middle;
	text-align: center;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
	<tr>
		<td align="center" valign="middle">
			<table width="140" border="0" cellspacing="0" cellpadding="0" height="140">
			  <tr>
				<td bgcolor="#FFCCCC" align="left" valign="top">
				  <div style="position: absolute;">
					<div class="logo" style="position: relative; width: 100px; height: 100px; left: 20px; top:20px; z-index:5; float: left; background-color: #00CCFF; layer-background-color: #00CCFF; border: 1px none #000000;">i'm crazy div </div>
				  </div>
				  container
				</td>
			  </tr>
			</table>
		</td>
	</tr>
</table>
</body>
</html>
Если вместо:

Код: 
<div style="position: absolute;">
	<div class="logo" style="position: relative; width: 100px; height: 100px; left: 20px; top:20px; z-index:5; float: left; background-color: #00CCFF; layer-background-color: #00CCFF; border: 1px none #000000;">i'm crazy div </div>
</div>
Сделать:

Код: 
<div class="logo" style="position: relative; width: 100px; height: 100px; left: 20px; top:20px; z-index:5; float: left; background-color: #00CCFF; layer-background-color: #00CCFF; border: 1px none #000000;">i'm crazy div </div>
Та же ботва :(

Но если в делаем position: fixed; :

Код: 
<div class="logo" style="position: fixed; width: 100px; height: 100px; left: 20px; top:20px; z-index:5; float: left; background-color: #00CCFF; layer-background-color: #00CCFF; border: 1px none #000000;">i'm crazy div </div>
В эксплорере начинает пахать, в остальных браузерах жопа.

В таком случае конечно можно скриптом отделаться:

Код: 
function IEBugFix() {
	if ((document.all)&&(!window.opera)) {
		document.all.CrAzY_DiV.style.position='fixed';
	}
}
Но мне нужен работающий первый вариант, где relative в absolute, так как надо несколько дивов подряд выводить, как-то флоату не доверяю.
Таблицами все переверстывать не хочу...

Как еще можно эту хрень вылечить?
 

RolCom

Новичок
Поставь второй таблице style="position:relative"
position:fixed; в 6-ом IE не поддерживается, с таким же успехом можно ее вообще не писать.
 

littleannika

Новичок
Автор оригинала: RolCom
Поставь второй таблице style="position:relative"
Нажмите для раскрытия...
Примерно так и удалось пофиксить - сунула дивы в див с position:relative. Блин, так все просто оказалось))) парилась до 10 вечера)
 
Войдите или зарегистрируйтесь для ответа.
Сверху