Проблема в IE v6

net · March 24, 2009

Переделываю шаблон,в какой-то момент появилась вот эта фигня в IE,когда наводишь на меню,под него залезает логотип и часть рисунка шапки

При этом

#button a:hover {

background-image: url(../images/btn-bg-h.gif);

color: #2E7E0C;

}

срабатывает нормально,т.е. рисунок под эту строчку подлезает более светлый,чем он без наведенного курсора, но + в IE еще лезет рисунок логотипа.

Подскажите примерно куда копать?

И еще странность,естли я теже страницы открываю на своем компе в ИЕ тоже все нормально,а в инете глюк.

css вот

body {
	margin:0;
	padding:0;
	background:#ffffff;
}

p,td { font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 0px;
}

a{
	color: #379C0E;
	text-decoration: underline;
}

a:hover{
	color: #379C0E;
	text-decoration: none;
}

.slogan {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 9px;
	padding-left: 1px;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding-left: 10px;
}

.bgy {
	background-repeat: repeat-y;
}

.bottom_addr {
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 15px;
}

.bgx {
	background-repeat: repeat-x;
}

.welcome {
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
	color: #000000;
	background-image: url(../images/welcome-bg.gif);
	background-repeat: repeat-x;
	padding-left: 1px;
}

.c_name {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-repeat: repeat;
}


.bottom_menu {
	color: #FFFFFF;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

.bottom_lnk{
	color: #FFFFFF;
	TEXT-DECORATION: none;
}

.bottom_lnk:hover {
	color: #FFFFFF;
	TEXT-DECORATION: underline;
}

.body_txt {
	color: #000000;
	text-align: justify;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 15px;
	padding-top: 10px;
	vertical-align: top;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.otstup{
	text-indent: 1.5em; /* Отступ первой строки */
}

.zag1 {
	color: #2E7E0C;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	text-align: center;
}

.zag2 {
	color: 000000;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
	text-indent: 1.5em; /* Отступ первой строки */
}

#button {
	width: 151;
	margin: 0px;
}

#button a {
	display: block;
	color: #2E7E0C;
	text-decoration: none;
	width: 100%;
	background-image: url(../images/btn-bg.gif);
	padding-top: 4px;
	padding-right: 25px;
	padding-bottom: 4px;
	padding-left: 10;
	text-align: right;
	vertical-align: middle;
}

#button a:hover {
	  background-image: url(../images/btn-bg-h.gif);
	  color: #2E7E0C;
}

html>body #button a {
	  width: auto;
	  }

#button td {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
}

#button .activelnk {
	color: #FFFFFF;
}

Edited March 24, 2009 by net

Justnewone · March 24, 2009

Посмотрел в IE6/7, ничего не налазит.

Тем более, если меню и вообще все поточные элементы сделаны таблицей - сомневаюсь, что нечто тут может куда-то налазить.

Может глюк Вашего домашнего браузера???

Смотрели где нибудь еще в IE?

net · March 24, 2009

Посмотрел в IE6/7, ничего не налазит.
Тем более, если меню и вообще все поточные элементы сделаны таблицей - сомневаюсь, что нечто тут может куда-то налазить.
Может глюк Вашего домашнего браузера???
Смотрели где нибудь еще в IE?

Да вообще я уже ничего не понимаю(

на своей машине я его так и вижу.Посмотрела на другом компе НЕТ!,причем вчера я на нем его тоже видела.

И сказали мне про этот глюк тоже люди из другого конца города.Ниче не понимаю(

И еще вопрос,правильно прописано чтобы не кэшировалось

Edited March 24, 2009 by net

Justnewone · March 24, 2009

Да вообще я уже ничего не понимаю(
на своей машине я его так и вижу.Посмотрела на другом компе НЕТ!,причем вчера я на нем его тоже видела.
И сказали мне про этот глюк тоже люди из другого конца города.Ниче не понимаю(
И еще вопрос,правильно прописано чтобы не кэшировалось
<meta http-equiv="pragma" content="NO-CACHE">

Да, про кеширование все верно.

Сможете сделать скрины, "неправильные"? Или попросите тех, кто в другом конце города.

net · March 24, 2009

Да, про кеширование все верно.
Сможете сделать скрины, "неправильные"? Или попросите тех, кто в другом конце города.

Вы меня извините но я при ответе не могу найти кнопки загрузить изображение,тока URL адрес.Здесь нельзя так?

http://narod.ru/disk/6968611000/1.JPG.html

http://narod.ru/disk/6969858000/2.jpg.html

Edited March 24, 2009 by net

net · March 25, 2009

Никто не подскажет,из-за чего может быть?

Прчем закоментила все hover,все равно глюк остался)

Edited March 25, 2009 by net

Justnewone · March 25, 2009

Никто не подскажет,из-за чего может быть?
Прчем закоментила все hover,все равно глюк остался)

Как предположение, может там где Вы объявляете background-image (мимо ховера тоже, кстати, есть), заменить на просто background: url("") repeat-x ( -y или no-repeat) (left, right или пормежуточное значение по горизонтали от левого края, проценты, px или em) (top, bottom, или промежуточное значение по вертикали от верха, проценты, px или em);

Гипотеза, что Вы, задаете смену картинки в бекграунд, а браузер не получает команду на ее расположение где либо. Если бы вы просто написали как сейчас но не background-image а background, то тут все понятно, он просто подставит дефольтные значения.

net · March 26, 2009

Как предположение, может там где Вы объявляете background-image (мимо ховера тоже, кстати, есть), заменить на просто background: url("") repeat-x ( -y или no-repeat) (left, right или пормежуточное значение по горизонтали от левого края, проценты, px или em) (top, bottom, или промежуточное значение по вертикали от верха, проценты, px или em);
Гипотеза, что Вы, задаете смену картинки в бекграунд, а браузер не получает команду на ее расположение где либо. Если бы вы просто написали как сейчас но не background-image а background, то тут все понятно, он просто подставит дефольтные значения.

Спасибо,на самом деле помогло))))

в css теперь так

body {
	margin:0;
	padding:0;
	background:#ffffff;
}

p,td { font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 0px;
}

.slogan {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 9px;
	padding-left: 1px;
}

.bgy {
	background-repeat: repeat-y;
}

.bottom_addr {
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 15px;
}

.bgx {
	background-repeat: repeat-x;
}

.welcome {
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
	color: #000000;
	background: url(../images/welcome-bg.gif) center repeat;
	background-repeat: repeat-x;
	padding-left: 1px;
}

.c_name {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-repeat: repeat;
}

.bottom_menu {
	color: #FFFFFF;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

.bottom_lnk{
	color: #FFFFFF;
	TEXT-DECORATION: none;
}

.bottom_lnk:hover {
	color: #FFFFFF;
	TEXT-DECORATION: underline;
}

.body_txt {
	color: #000000;
	text-align: justify;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 15px;
	padding-top: 10px;
	vertical-align: top;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.otstup{
	text-indent: 1.5em; /* Отступ первой строки */
}

.zag1 {
	color: #2E7E0C;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	text-align: center;
}

.zag2 {
	color: 000000;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
	text-indent: 1.5em; /* Отступ первой строки */
}

#button {
	width: 151;
	margin: 0px;
}

#button a {
	display: block;
	color: #2E7E0C;
	text-decoration: none;
	width: 100%;
	background: url(../images/btn-bg.gif) center repeat;
	padding-top: 4px;
	padding-right: 25px;
	padding-bottom: 4px;
	padding-left: 10;
	text-align: right;
	vertical-align: middle;
}

#button a:hover {
	  background: url(../images/btn-bg-h.gif) center repeat;
	  color: #2E7E0C;
}

html>body #button a {
	  width: auto;
	  }

#button td {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
}

#button .activelnk {
	color: #FFFFFF;
}

тока теперь на моей машине так

3.JPG

но уже прогресс)мож никто боьше не будет жаловаться)на 2 еще машинах смотрела в ИЕ 6,вроде нормально все,там двойная рамка,потомучто рисунок маловат,шрифт увеличили,надо и рисунок увеличить будет)

а белое лезет тоже при наводке, как обычно закоментить hover не помогает.

При чем тоже самое что и было,т. е. вылазит белый фон и пропадает быстро,раньше изображение логотипа так скакало)теперь белое)

Edited March 26, 2009 by net

Justnewone · March 26, 2009

тока теперь на моей машине так
3.JPG

Полагаю, что это надо решать через добавление position:relative или height:1px;, короче, каким-то образом наделять haslayout, на выбор, элементам, учавствующим в hover, включая родителя, или даже всем вместе, эксперементируйте.

Ну, или же где-то фонит. Если не хочется осваивать инструментарий для IE, можно просто поназначать яркие бекграунды, тогда картина будет понятнее, удачи.

net · March 26, 2009

Полагаю, что это надо решать через добавление position:relative или height:1px;, короче, каким-то образом наделять haslayout, на выбор, элементам, учавствующим в hover, включая родителя, или даже всем вместе, эксперементируйте.
Ну, или же где-то фонит. Если не хочется осваивать инструментарий для IE, можно просто поназначать яркие бекграунды, тогда картина будет понятнее, удачи.

Ок,бум пробовать)спс)

Sign In

Проблема в IE v6

Question

net

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Justnewone

Link to comment

Share on other sites

net

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

net

Link to comment

Share on other sites

net

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

net

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

net

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information