CSS Вопрос

(Alex) · Сообщение **(Alex)** » 22 авг 2006, 19:03

Страница сайта состоит из 4 ДИВов. Два расположены по сторонам страницы, один сверху. ДИВ с контентом всередине. На ДИВе который слева, расположено меню со ссылками в разные секции страницы.

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

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

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

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

Elan · Сообщение **Elan** » 22 авг 2006, 19:31

Ничего не исчезает

(Alex) · Сообщение **(Alex)** » 22 авг 2006, 19:34

Elan писал(а):Ничего не исчезает

после щелчка на "Download" исчезает панель с "google search" в IE 6 sp 2, и это стабильно, и не только на моём компе

Котяр · Сообщение **Котяр** » 22 авг 2006, 20:49

для начала разберись с HTML tag-soup

(Alex) · Сообщение **(Alex)** » 22 авг 2006, 21:07

Котяр писал(а):для начала разберись с HTML tag-soup

как только время будет

. А я думал вы знаете css

, и буду думать.

Котяр · Сообщение **Котяр** » 22 авг 2006, 21:17

(Alex) писал(а): как только время будет . А я думал вы знаете css , и буду думать.

я на "слабо" не покупаюсь

CSS может быть совсем и не причем

(Alex) · Сообщение **(Alex)** » 22 авг 2006, 21:33

Котяр писал(а):
(Alex) писал(а): как только время будет . А я думал вы знаете css , и буду думать.
я на "слабо" не покупаюсь CSS может быть совсем и не причем

может быть, может быть. только мне кажется, что это всё же CSS

Earl Grey · Сообщение **Earl Grey** » 22 авг 2006, 22:38

Вместо 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;
}

(Alex) · Сообщение **(Alex)** » 22 авг 2006, 22:44

Уникурсал Уникурсалыч писал(а):Вместо 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) - тоже не помогло

Earl Grey · Сообщение **Earl Grey** » 22 авг 2006, 22:49

(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 это видно

(Alex) · Сообщение **(Alex)** » 22 авг 2006, 22:57

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

ага, скроллится, поведение не изменилось заметно не при одном из перечисленных значений.

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

Earl Grey · Сообщение **Earl Grey** » 22 авг 2006, 23:05

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

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

Когда я поставил 0, то после перехода на ссылку #download если окно проскролить наверх то div header виден.

Earl Grey · Сообщение **Earl Grey** » 22 авг 2006, 23:07

Уникурсал Уникурсалыч писал(а):
(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;
}