В ie страница прыгает

yablozi · September 21, 2010

После прокрутки делаю рефреш (в ie8).

Затем при наведении на ссылку мышкой страничка прыгает,

занимая положение до рефреша.

Подскажите, пожалуйста,

как бороться с этим неприятным эффектом.

<HTML>
<BODY>

<style type="text/css">
a:hover{
	color: #ffffff;
	background-color: #003399;
}
</style>

<TABLE><TR><TD><a href=''>link</a></TD></TR></TABLE>
<TABLE><TR><TD height=1000></TD></TR></TABLE>

</BODY>
</HTML>

Edited September 21, 2010 by yablozi

yablozi · September 21, 2010

Еще пример с аналогичным эффектом:

<HTML>
<BODY>

<style type="text/css">
a:hover{
	background-color: red;
}
</style>

<a href=''>link</a>
<div style='height:1000px;'></div>

</BODY>
</HTML>

Edited September 21, 2010 by yablozi

Searcher · September 21, 2010

доктайп надо указать

yablozi · September 21, 2010

Эффект остался

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<BODY>

<style type="text/css">
a:hover{
	background-color: red;
}
</style>

<a href=''>link</a>
<div style='height:1000px;'></div>

</BODY>
</HTML>

Searcher · September 21, 2010

Вы какую-то выжимку из кода даете, или весь код?

Вообще-то стили описываются в разделе head. Читайте раздел "Шаг за шагом".

yablozi · September 21, 2010

Вы какую-то выжимку из кода даете, или весь код?

Это минимальный код, порождающий этот эффект.

Вообще-то стили описываются в разделе head

Поправил, но эффект остался

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
<style type="text/css">
	a:hover {
	background-color: red;
	}
</style>
</head>
<BODY>

<a href=''>link</a>
<div style='height:1000px;'></div>

</BODY>
</HTML>

Edited September 21, 2010 by yablozi

yablozi · September 22, 2010

Разобрался, вопрос закрываю.

Searcher · September 22, 2010

Ну так поделитесь!

yablozi · September 22, 2010

Ну так поделитесь!

Похоже, этот эффект прыгания странички

происходит при наличии двух условий:

1) верстка, при которой ie не запоминает положение

полосы прокрутки и при рефреше попадаем на начало странички

2) при наведении на ссылку со стилем a:hover{background-color: ...}

странным образом освежается память у ie, и происходит

прыжок странички на место, которое она занимала до рефреша

Поэтому я вижу два пути

1. поменять верстку, чтобы не было условия 1)

2. вместо 2) через js при событии onmouseover задавать стиль

background-color для ссылки.

Для себя выбрал 1. и ничего лучше не придумав,

поместил в одну таблицу весь код

<TABLE><TR><TD><a href=''>link</a></TD></TR></TABLE>
<TABLE><TR><TD height=1000></TD></TR></TABLE>

Sign In

В ie страница прыгает

Question

yablozi

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

yablozi

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

yablozi

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

yablozi

Link to comment

Share on other sites

yablozi

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

yablozi

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information