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

Вёрстка. Div.

AlexF1

Новичок
Вёрстка. Div.

Доброго времени суток.
Созрел вопрос.
Есть страница, свёрстана на таблицах, ширина которой фиксирована - 3424пх.
Высота варьируется, но больше 800 пх.
Вопрос, можно ли с помощью див-ов разместить блоки
1-й в левом нижнем углу окна броузера
2-ой в правом верхнем углу окна броузера
Соответвенно при скроллинге страницы чтобы они всегда оставались на своём месте в окне броузера.

Хотелось бы увидеть пример решения.
Спасибо.
 
Dovg

Dovg

Продвинутый новичок
fixed
http://www.artlebedev.ru/tools/technogrette/html/fixed_in_msie/
 

AlexF1

Новичок
Автор оригинала: hammet
посмотри как сделано тут http://we.trustindesign.ru/
Нажмите для раскрытия...
Посмотрел.
Сбацал такое: :confused:

PHP: 
<!DOCTYPE html public "-//w3c//dtd html 4.0 transitional//en" >
<html>
<head>
<title>page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />

<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#hrBox {
  bottom: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
}

div#vrBox {
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  right: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
}

</style>
<![endif]>
<![endif]-->

<style type="text/css">
#hrBox {
  width:100px;
  height:20px;
  position:absolute;
  bottom:0; 
  left:0;
  z-index:100;
  border:1px solid gold;
}

#vrBox {
  width:20px;
  height:100px;
  position: absolute; 
  top:0;
  right:0;
  z-index:101;
  border:1px solid gold;
}

body > div#hrBox {
  position:fixed;
}

body > div#vrBox {
  position:fixed;
}
</style>
</head>

<body>
<table cellpadding="0" cellspacing="0" border="0" style="width:3424px;height:100%;background:#2d2d2d;">
	<tr>
		<td style="height:800px;">&nbsp;</td>
	</tr>
</table>

<div id="hrBox">1</div>
<div id="vrBox">2</div>

</body>
</html>


В ФФ всё нормально работает, но в ИЕ, при скролле они остаются на своих первноачальных местах - статичны...
 

AlexF1

Новичок
Автор оригинала: hammet
тебе дали 2 ссылки - там все работает!
Нажмите для раскрытия...
За это, конечно, спасибо, помогло...
Только хотелось бы разобраться почему в ИЕ не всё гладко...
 
Войдите или зарегистрируйтесь для ответа.
Сверху