Форум программистов, компьютерный форум, киберфорум
Наши страницы
Web-мастеринг
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/15: Рейтинг темы: голосов - 15, средняя оценка - 4.67
Mikelangelo
1

Адаптация сайта под различные браузеры

15.02.2012, 14:53. Просмотров 2787. Ответов 4
Метки нет (Все метки)

Добрый день!

Возникла проблема адаптации сайта под браузеры. Подскажите, плиз, как с этим бороться:

1) IE-все работает нормально

2)Netscape
Загружает только фоновую картинку и заголовок, прописанный в <title>.Больше ничего отображать не хочет

3)Mozilla

3.1 Код следующий

<style>
.myname{background:993333;color:yellow;}
.myname1{background:yellow;color:993333;}
</style>

<a href='index.html' class='myname' onMouseOut="this.className = 'myname'" onMouseOver="this.className = 'myname1'

При наведении, как и должно быть, фон ссылки становится желтым, а цвет шрифта красным. А вот в статичном состоянии цвет шрифта ссылки желтый, а вот почему-то цвет вообще фона вообще не отображается.

3.2 Подскажите, плиз, как в Mozill’e Java-скриптом сделать так, чтобы при наведении на элемент маркер принимал в форме руки?

4)Opera

Проблема, сходная с Mozillo’й : курсор принимает форму руки только при повторном наведении на ссылку.

Заранее спасибо
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
15.02.2012, 14:53
Ответы с готовыми решениями:

Оптимизация сайта под поисковики!
Сабж, требуются хорошие мануалы(книжки или веб) Спасибо!

Написание презентационного сайта под дальнейшую оптимизацию
Добрый день, друзья! Уверен, что подобный вопрос формулировался очень много...

Какой лучший конструктор для создания сайта адаптированого под мобильные устройства
Приветствую! Подскажите, плиз, какой лучше использовать конструктор для...

Сколько стоит адаптация существующего сайта под мобильные платформы?
Сайт-визитка состоит из 5 разделов (страниц), в одном из разделов имеются...

Адаптация страница под разные браузеры
Есть сайт. У меня всё отображается как надо: У других - по другому....

4
Mikelangelo
15.02.2012, 15:05 2
3.3 Еще одна проблема: Mozilla не видит параметра width,заданного в CSS-классе,и устанавливает ширину элемента по умолчанию.
bazile
65 / 41 / 68
Регистрация: 15.03.2007
Сообщений: 6,909
15.02.2012, 16:47 3
Цитата Сообщение от mikelangelo
2)Netscape
Загружает только фоновую картинку и заголовок, прописанный в <title>.Больше ничего отображать не хочет
Какая версия Netscape? Надеюсь не 4-ая
Код приведи.

Цитата Сообщение от mikelangelo
3.1 Код следующий

<style>
.myname{background:993333;color:yellow;}
.myname1{background:yellow;color:993333;}
</style>

<a href='index.html' class='myname' onMouseOut="this.className = 'myname'" onMouseOver="this.className = 'myname1'

При наведении, как и должно быть, фон ссылки становится желтым, а цвет шрифта красным. А вот в статичном состоянии цвет шрифта ссылки желтый, а вот почему-то цвет вообще фона вообще не отображается.
Во-первых у тебя стили с ошибкой записаны. Перед числовыми значениями цвета надо ставить #
То есть
.myname {background:#993333; color:yellow}
.myname1{background:yellow; color:#993333}
Более того цвета которые содержат пары повторяющихся значений можно сокращенно записывать
.myname {background:#933; color:yellow}
.myname1{background:yellow; color:#933}

Во-вторых, для смены стиля ссылки в CSS есть специальные возможности
a:link { ... } /* Ссылка */
a:visited { ... } /* Посещенная ссылка */
a:hover { ... } /* Ссылка на которую наведен курсор мыши */
a:active { ... } /* Активная ссылка */


Цитата Сообщение от mikelangelo
3.2 Подскажите, плиз, как в Mozill’e Java-скриптом сделать так, чтобы при наведении на элемент маркер принимал в форме руки?
Не понял вопроса. Какой маркер?
Для смены вида курсора мыши в CSS есть свойство cursor

Цитата Сообщение от mikelangelo
3.3 Еще одна проблема: Mozilla не видит параметра width,заданного в CSS-классе,и устанавливает ширину элемента по умолчанию.
Пример приведи.
0
Mikelangelo
15.02.2012, 20:39 4
Действительно,Мозилла подходит более сурово к коду.Если IE И Opera проглатывают отсутствие # в коде цвета,то в Мозилле это не катит.Спасибо за разъяснение.

Что касется проблем с шириной элемента,которая прописана в классе,но почему-то не отображается в Мозилле,то код ниже.
В нем же проблема с формой курсора.Кстати,если заменить форму курсора с Hand к примеру, на s-resize,то курсор примет требуемую форму,а если поставить hand,то он выглядит так,как будто навели мышку на текстовое поле.

[quote]<style>
.niz1{background:#993333;color:yellow;width:250;bordercolor:red;}
.niz3{background:yellow;color:#993333;width:238;border:1;bordercolor:red;text-decoration: none;border-style:dotted;border:1;font-weight:bold;border-style:outset;font-size:14;}
.niz4{background:#CC6666;color:black;width:238;border:1;bordercolor:red;text-decoration: none;border-style:outset;font-weight:bold;font-size:14;cursor:hand;}
.katalog{background:yellow;color:#993333;width:238;border:1;bordercolor:red;text-decoration: none;font-weight:bold;font-size:14;cursor:hand;}

</style>

<script language=JavaScript>

function toggle(e, to) {

if (to.style.display == "none") {
to.style.display = "";
e.style.cursor = "hand";

} else {
to.style.display = "none";
e.style.cursor = "hand";

}
}
</script>




<DIV style="CURSOR: hand;font-size:19;"
onclick="toggle(this, menu5)" class='niz1' onMouseOut="this.className = 'niz1'" onMouseOver="this.className = 'katalog'" title='Смотреть модельный ряд для марки KAWASAKI'><b> KAWASAKI</b></DIV>

<DIV id=menu5 style="DISPLAY: none" >
<A class='niz4' href="http://mysitez.km.ua/Sites/preview/SmileDes1/arts/scripts/" onMouseOut="this.className = 'niz4'" onMouseOver="this.className = 'niz3' Чопперы


<A class='niz4' href="http://mysitez.km.ua/Sites/preview/SmileDes1/arts/scripts/" onMouseOut="this.className = 'niz4'" onMouseOver="this.className = 'niz3' Супер-спорт


<A class='niz4' href="http://mysitez.km.ua/Sites/preview/SmileDes1/arts/scripts/" onMouseOut="this.className = 'niz4'" onMouseOver="this.className = 'niz3' Неоклассики


<A class='niz4' href="http://mysitez.km.ua/Sites/preview/SmileDes1/arts/scripts/" onMouseOut="this.className = 'niz4'" onMouseOver="this.className = 'niz3' Стрит-файтеры


<A class='niz4' href="http://mysitez.km.ua/Sites/preview/SmileDes1/arts/scripts/" onMouseOut="this.className = 'niz4'" onMouseOver="this.className = 'niz3' Спорт-туризм


<A class='niz4' href="http://mysitez.km.ua/Sites/preview/SmileDes1/arts/scripts/" onMouseOut="this.className = 'niz4'" onMouseOver="this.className = 'niz3' Эндуро


</DIV>
bazile
65 / 41 / 68
Регистрация: 15.03.2007
Сообщений: 6,909
16.02.2012, 11:12 5
Все цифровые CSS значения должны иметь явно указанную единицу измерений.
Например, width:250px (то есть пикселов). Или font-size:19pt. Единицу измерений можно опускать только для нулевых значений.

Советую тебе внимально ознакомиться с рекомендацией W3C по CSS
http://www.w3.org/TR/CSS21/

Кроме того очень полезно проверять свои CSS правила с помощью CSS validator
http://jigsaw.w3.org/css-validator/
0
16.02.2012, 11:12
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.02.2012, 11:12

Оптимизация под различные браузеры
Здравствуйте! Скажите пожалуйста как оптимизировать сайт под различные виды...

Верстка под различные браузеры
Как делать верстку под различные браузеры. Вот у меня готовый сверстанный макет...

Эмуляция функциональности "плейсхолдеров" - адаптация кода под старые браузеры
Здравствуйте, друзья! Нужна ваша помощь. Написал плагин, эмулирующий...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru