Jump to content
  • 0

Проблема в IE v6


net
 Share

Question

адресс сайта http://atzond.ru/

Переделываю шаблон,в какой-то момент появилась вот эта фигня в 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 by net
Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

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

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

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

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

Link to comment
Share on other sites

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

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

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

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

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

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

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

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

<meta http-equiv="pragma" content="NO-CACHE">

Edited by net
Link to comment
Share on other sites

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

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

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

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

<meta http-equiv="pragma" content="NO-CACHE">

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

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

Link to comment
Share on other sites

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

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

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

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

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

Edited by net
Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

  • 0
Как предположение, может там где Вы объявляете 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 by net
Link to comment
Share on other sites

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

3.JPG

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy