Страница 1 из 1

CSS Вопрос

Добавлено: 22 авг 2006, 19:03
(Alex)
Страница сайта состоит из 4 ДИВов. Два расположены по сторонам страницы, один сверху. ДИВ с контентом всередине. На ДИВе который слева, расположено меню со ссылками в разные секции страницы.

Проблема в том, что в интернет ехплорер 6 сп 2 верхний ДИВ исчезает когда браусер прокручивает страничку после щелчка на ссылке с #.

Кто знает как с этим бороться.

Смотреть здесь: http://24.83.36.62/test/

нужная ссылка слева "Download"

Добавлено: 22 авг 2006, 19:31
Elan
Ничего не исчезает :roll:

Добавлено: 22 авг 2006, 19:34
(Alex)
Elan писал(а):Ничего не исчезает :roll:
после щелчка на "Download" исчезает панель с "google search" в IE 6 sp 2, и это стабильно, и не только на моём компе

Добавлено: 22 авг 2006, 20:49
Котяр
для начала разберись с HTML tag-soup :wink:

Добавлено: 22 авг 2006, 21:07
(Alex)
Котяр писал(а):для начала разберись с HTML tag-soup :wink:
как только время будет :-). А я думал вы знаете css ;-), и буду думать.

Добавлено: 22 авг 2006, 21:17
Котяр
(Alex) писал(а): как только время будет :-). А я думал вы знаете css ;-), и буду думать.
я на "слабо" не покупаюсь 8) CSS может быть совсем и не причем :wink:

Добавлено: 22 авг 2006, 21:33
(Alex)
Котяр писал(а):
(Alex) писал(а): как только время будет :-). А я думал вы знаете css ;-), и буду думать.
я на "слабо" не покупаюсь 8) CSS может быть совсем и не причем :wink:
может быть, может быть. только мне кажется, что это всё же CSS

Добавлено: 22 авг 2006, 22:38
Earl Grey
Вместо z-index: 2; поставь z-index: 0; в

Код: Выделить всё

div#header {
	top: 0;
	z-index: 2;
	width: 100%;
	height: 90px;
	border-bottom: 1px solid #bbb;
	color: #000;
	background: #fff;
}

Добавлено: 22 авг 2006, 22:44
(Alex)
Уникурсал Уникурсалыч писал(а):Вместо z-index: 2; поставь z-index: 0; в

Код: Выделить всё

div#header {
	top: 0;
	z-index: 2;
	width: 100%;
	height: 90px;
	border-bottom: 1px solid #bbb;
	color: #000;
	background: #fff;
}
мысль интересная, попробовал - не помогло. Также попробовал значения 5 и -5 (just in case) - тоже не помогло

Добавлено: 22 авг 2006, 22:49
Earl Grey
(Alex) писал(а):
Уникурсал Уникурсалыч писал(а):Вместо z-index: 2; поставь z-index: 0; в

Код: Выделить всё

div#header {
	top: 0;
	z-index: 2;
	width: 100%;
	height: 90px;
	border-bottom: 1px solid #bbb;
	color: #000;
	background: #fff;
}
мысль интересная, попробовал - не помогло. Также попробовал значения 5 и -5 (just in case) - тоже не помогло
остроумно.

окно скролится? Вот position:absolute и выставляет этот div в верхней части ОКНА, а не ВИДИМОЙ области :) И при z-index:0 это видно

Добавлено: 22 авг 2006, 22:57
(Alex)
Уникурсал Уникурсалыч писал(а):окно скролится? Вот position:absolute и выставляет этот div в верхней части ОКНА, а не ВИДИМОЙ области :) И при z-index:0 это видно
ага, скроллится, поведение не изменилось заметно не при одном из перечисленных значений.

Мне надо подумать над тем что ты сказал, возможно даже поспать ;-)

Добавлено: 22 авг 2006, 23:05
Earl Grey
(Alex) писал(а):
Уникурсал Уникурсалыч писал(а):окно скролится? Вот position:absolute и выставляет этот div в верхней части ОКНА, а не ВИДИМОЙ области :) И при z-index:0 это видно
ага, скроллится, поведение не изменилось заметно не при одном из перечисленных значений.

Мне надо подумать над тем что ты сказал, возможно даже поспать ;-)
Когда я поставил 0, то после перехода на ссылку #download если окно проскролить наверх то div header виден.

Добавлено: 22 авг 2006, 23:07
Earl Grey
Уникурсал Уникурсалыч писал(а):
(Alex) писал(а):
Уникурсал Уникурсалыч писал(а):окно скролится? Вот position:absolute и выставляет этот div в верхней части ОКНА, а не ВИДИМОЙ области :) И при z-index:0 это видно
ага, скроллится, поведение не изменилось заметно не при одном из перечисленных значений.

Мне надо подумать над тем что ты сказал, возможно даже поспать ;-)
Когда я поставил 0, то после перехода на ссылку #download если окно проскролить наверх то div header виден.
Похожене работает вот это:

Код: Выделить всё

@media
screen
{
body>div#header, body>div#sidebar_left, body>div#sidebar_right {
	position: fixed;
}