IE-6

Lobo · June 17, 2008

Приветствую.

У меня IE-6 не отображает картинку:

h1 { background-image: url(images/lef_t.jpg);

background-repeat: no-repeat; background-position: 100% 100%;

}

 body,
html {
 margin:0;
 padding:0;
 background-color:#eff7d5; background-image: url(images/bac.jpg); background-position: 50% 0%;
 color:#000;
 }
body {
 min-width:768px;
 }
h1, h2 {
 font-family: Arial,Helvetica,Verdana, sans-serif;
 }
#wrap { position: relative;
 background-color: #F5Ffd9; background-image:url(images/list.jpg);
 margin:0 auto;
 width:768px;
 border: 2px solid #ADD222;
 margin-top: 1px;
 }
#masthead { border-bottom: 1px solid #8a2; }
#masthead {
 background-color: #EFA; background-image: url(images/tavi.jpg);
 background-repeat: repeat-x;
 }
h1 { background-image: url(images/lef_t.jpg);
 background-repeat: no-repeat; background-position: 100% 100%;
 }
.tar { position: absolute;
 top: 3%;
 left: 1%;
 }
div.mali { float: right;
 margin-top: 27px;
 margin-right: 1px;
 }
h1 {
 padding: 98px;
 margin: 0;
 }
#main {
 background-color: #F5FFD9;background-image: url(images/list.jpg);
 float: right;
 width: 559px;
 border-left: 1px solid #F5Ffd9;
 }
#main h2, #main p {
 padding: 0 10px;
 margin: 5px 5px 0;
 }
#main p {
 text-align: justify;
 text-indent: 1.5em; font-size: 95%;
 font-family: Georgia,Times ,serif;
 color: #151;
 }
#main h2 {
 font: 20px Georgia,Times, serif; color: #920;
 text-align:center;
 font-weight: bold;
 }
.rama { background: #fff url(images/log.jpg);}
.rama { width: 400px; margin: 10px 0 10px 90px; background-color: #fff;
 padding: 10px 10px 20px 10px; border: 2px solid #D9EE90;
 }
#stand { float: right; background: #ff9;
 width: 120px;
 margin-right: 4px;
 margin-top: 10px;
 }
.stano { float: left;
 background: #ff9;
 margin-left: 15px;
 margin-top: 10px;
 }
.lama { background: #ff9;
 margin-bottom: 2px;
 }
#navbar { width: 410px;
 margin-left: 4px;
 margin-top: 40px;
 border: 4px double #fc6;
 padding-top: 20px;
 padding-bottom: 20px;
 font-size: 110%;
 margin-bottom: 15px;
 background: #fff;
 }
#navbar p { font-family: Georgia, Times, serif; color: #732F17;
 font-size :83%;
 }
#navbar p { text-decoration: none; }
#navbar p a:link {color: #732F17;}
#navbar a:hover {color: #880;}

#nav { width: 250px; border: 3px double #D9EE90;
 margin-left: 55px;
 margin-top: 1.5em;
 background: #fff; margin-bottom: 1em;
 padding: 20px 1px 20px 40px;}
#nav a { font-family: Georgia,Times ,serif; text-decoration: none; color: #161;
 font-size: 70%; line-height: 20px; }
#nav a:link { color: #161; }
#nav a:hover { color: #c00; text-decoration: underline;
 }
li {
 margin-left: 1.8em; font-family: Georgia, Times, serif; font-size :95%;
 }
ul { font-family: Arial,Helvetica, sans-serif;
 font-weight: normal;
 font-style: italic;
 color: #151;
 }
ol {color: #151;}
dd { margin-left: 4em;
 margin-right: 2em;
 margin-bottom: 0.5em;
 font-family: Georgia, Times, serif;
 font-size :95%;
 color: #151;
 }
dt { margin-left: 1.5em; font-family:Georgia,Times ,serif;
 font-weight: normal;
 color: #151; background: transparent;
 font-size: 95%;
 margin-bottom: 1em;
 }
h3 {
 text-align: center;
 color: #930;
 border-bottom: 1px dotted #c00;
 padding-bottom: 15px;
 padding-top: 10px;
 font-style: italic;
 font-weight: bold;
 }
span, grog { font-style: italic; font-weight: normal;
 font-size: 1em;
 color: #c00; font-family:
 arial,sans-serif;
 }
p a { text-decoration:none; }
#side {
 float: left;
 width: 208px;
 background-color: #F5FFD9;background-image: url(images/list.jpg);
 }
#menu {margin-top: 50px;width: 150px;
 margin-left: 10px;
 font-size: 15px;
 text-align: center;
 padding: 5px 0 5px 0;
 border-width: 0px 2px 2px 0px;
 }
#menu p { font: 14px Georgia,Times, sans-serif;
 padding: 5px 0;
 margin: 0px;
 }
#menu { background: #ff9; border: 3px double #fc6;
 }
#menu a {color: #161;
 border: 1px solid #c00;
 display: block;
 }
#menu a {
 text-decoration:none;
 padding: 3px;
 }
#menu a:link ,#menu a:visited {
 background: #ff9;
 border: solid 1.1px #ff9;
 }
#menu a:hover , #menu a:active
 {
 border-left-style: dotted;
 border-width: 1.1px;
 border-color: #c00;
 color: #c00;
 background: #fff;
 }
#menu a.current:link, #menu a.current:visited {
 color: #fc6;
 background: #fff;
 }
#footer p { background-image: url(images/niz.jpg); background-color: #CBEB8B;
 background-repeat: repeat-x;
 padding: 35px 0 5px 5px;
 margin: 0;
 font-size: 80%;
 color: #681;
 }
#footer a { color:#681;}
#footer {
 clear: both;
 }

Объясните пожалуйста в чем причина.

Спасибо.

rez_spb · June 17, 2008

- возможно, не lef_t.jpg, а вс? же left.jpg? Проверьте наличие картинки

- если вс? правильно, попробуйте так:

h1 { background-repeat: no-repeat; background-position: 100% 100%; background-image: url('images/lef_t.jpg'); }

Вообще же мне кажется, что проблема может ещ? крыться в background-position: 100% 100%; - мало ли где ИЕ посчитает "право-низ", так что если не помогло, попробуйте или background-position: right bottom; или вообще обойтись без.

Lobo · June 17, 2008

- возможно, не lef_t.jpg, а вс? же left.jpg? Проверьте наличие картинки
- если вс? правильно, попробуйте так
:h1 { background-repeat: no-repeat; background-position: 100% 100%; background-image: url('images/lef_t.jpg'); }.

Попробовал, в мозилле и опера отображается в IE-6 опять нет, а название картинки правильное иначе ни где бы отображалось.

...что если не помогло, попробуйте или background-position: right bottom;.

если имеется в виду так:

:h1 { background-repeat: no-repeat; background-position: right bottom; background-image: url('images/lef_t.jpg'); }.

то, тогда все тоже самое ...

-... или вообще обойтись без.

А как это?! вообще что ли ничего не прописывать?

rez_spb · June 17, 2008

Не прописывать background-position

А вообще хотелось бы, конечно, увидеть сам сайт... ибо смущает ещ? вот это:

h1 {
 padding: 98px;
 margin: 0;
 }

ИЕ может быть (я не уверен) решает, что нужно упихать с каждой стороны отступ по 98 пикселей внутри какого-нибудь заголовка высотой, скажем, в 100. То есть 98 + 98 > 100

Lobo · June 17, 2008

...Не прописывать background-position

попробовал не прописать , картинка ушла влево...

...А вообще хотелось бы, конечно, увидеть сам сайт...

http://salatni.ru

rez_spb · June 17, 2008

Честно говоря, его куда проще переверстать, чем найти ошибку.

Я сломал ногу, простите. Может, кто-то окажется умнее меня в разборе этого кода, но я считаю, что лучше переверстать шапку.

Lobo · June 17, 2008

Ясно, спасибо за участие.

Не понятно только почему именно только IE-6 не отображает, до отката образа у меня стоял

IE-7 но он все показывал корректно...

rez_spb · June 18, 2008

С ИЕ такая штука, что ИЕ7 отображает поближе к стандартам, чем ИЕ6. Но имеет свои глюки, не виденные ранее.

В общем, лучше переверстать шапку, прич?м как можно проще, чтобы не дать возможность ИЕ глючить на верстке =)

Lobo · June 18, 2008

...В общем, лучше переверстать шапку, прич?м как можно проще, чтобы не дать возможность ИЕ глючить на верстке =)

Что то надо специально прописать для IE-6...:/

klierik · June 18, 2008

1. под ИЕ стили вообще не грузятся

советую переверстать по новому.

Lobo · June 18, 2008

1. под ИЕ стили вообще не грузятся
советую переверстать по новому.

Скажите пожалуйста , как понять "стили не грузятся" , и как по новому ... я кроме css и html пока ничего не знаю я вот раздумываю как...

что бы не повторять то что уже сделал.

klierik · June 18, 2008

у меня под ИЕ6 ваааще полный абзац.. нет стилей.

а по-новому, ето в смысле учим блочную верстку и CSS 2,1

тот код который сейчас, сорри, полный сакс

рекомендую все с начала выучить!!!!!!

Lobo · June 18, 2008

Ну хорошо понятно это , посоветуйте пожалуйста какой нибудь учебник по верстке.:/

rez_spb · June 19, 2008

Базовые имена (имхо): Molly Holzshlag, Eric Meyer. Собственно, XHTML и CSS.

Lobo · June 19, 2008

Спасибо за список , но я как раз и изучал по Молли Хольцшлаг

Я обнаружил еще одну ошибку от IE-6 этот код смотрится по разному :

.ban { float: left; background: #fff;
 margin-left: 85px;
 margin-top: 4px;
 }

В IE-6 смотрится вот так :

а должно быть вот так (это в мозилла.)

вношу изменения в margin-left: 85px; меняю на margin-left: 45px; после этого в IE нормально а мозилла и опера нет.

Как это исправить?!

Спасибо.

rez_spb · June 19, 2008

Избавиться от float и пытаться использовать что-то иное.

Совет "переверстать" оста?тся - это быстрее =)

Если изучали по Молли, и особенно xhtml, да ещ? и не брезгуете валидатором, то переверстать и забыть о таких проблемах =)

Lobo · June 19, 2008

Спасибо за подсказ , исправил , убрал float и применил позиционирование.

А что касается шапки,( да и не только) то да, придется переверстать... сегодня глянул на сайт в интернете, а он" разъехался" пришлось

поправлять стили...

Sign In

IE-6

Question

Link to comment

Share on other sites

16 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information