Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.78/9: Рейтинг темы: голосов - 9, средняя оценка - 4.78
0 / 0 / 0
Регистрация: 21.02.2011
Сообщений: 3

Отображения сайта в браузерах

21.02.2011, 11:59. Показов 1809. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Некорректное отображение сайта браузерами

Здравствуйте. Собственно не знал в каком разделе писать... Решил здесь.

Создал сайт: http://skuchno.net.ru/

Всегда его редактирую в Google Chrome. Сегодня решил посмотреть как выглядит в IE8 и Opera 10.7. Был шокирован.

Первое что бросается в глаза - некорректное отображение меню в Опере:


В IE и Google Chrome выглядит правильно:


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

В чем может быть проблема? В HTML? В СSS?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
21.02.2011, 11:59
Ответы с готовыми решениями:

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

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

Разница отображения css в браузерах
Господа хорошие! пожалуйста, разъясните в чем дело: Вставил картинку и сделал ее гипперссылкой; расскрасил рамку картинки в зеленый...

5
 Аватар для RosenR@t
136 / 136 / 7
Регистрация: 07.07.2010
Сообщений: 774
21.02.2011, 12:03
Видимо в css, погугли кроссбраузерность, или посмотри тут
http://webering.ru/blog/html_css/crossbrowsers/
0
 Аватар для kraldraav
30 / 30 / 6
Регистрация: 24.04.2010
Сообщений: 145
21.02.2011, 12:04
Цитата Сообщение от -AspeR- Посмотреть сообщение
Первое что бросается в глаза - некорректное отображение меню в Опере:
http://imagepost.ru/images/645/bad.png
у тебя там список, значит в CSS для меню пропиши
CSS
1
.ul {list-style:none;}
Прорабатывай каждый элемент и проверяй в разных браузерах их не особо много все-таки)))
0
0 / 0 / 0
Регистрация: 21.02.2011
Сообщений: 3
21.02.2011, 12:13  [ТС]
Цитата Сообщение от kraldraav Посмотреть сообщение
у тебя там список, значит в CSS для меню пропиши
CSS
1
.ul {list-style:none;}
Прорабатывай каждый элемент и проверяй в разных браузерах их не особо много все-таки)))
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 17px; background: url('/img/str.png') no-repeat; margin-bottom: .6em;}
/* ----- */
 
/* Site Menus */
.uMenuH li {float:left;padding:0 10px;}
 
.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#979797}
.uMenuV li a:active {text-decoration:none; color:#979797}
.uMenuV li a:visited {text-decoration:none; color:#979797}
.uMenuV li a:hover {text-decoration:underline; color:#434242}
 
.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#979797}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#979797}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#434242}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin-left: 5px; padding: 0 0 6 15px; background: url('/img/str.png') no-repeat; margin-bottom: .0em;}
/* --------- */
 
/* Module Part Menu */
.catsTd {padding: 0 0 6 15px; background: url('/img/str.png') no-repeat;}
.catName {font-family:Tahoma;font-size:11px;}
.catNameActive {font-family:Tahoma;font-size:11px;}
.catNumData {font-size:7pt;color:#000000;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#979797;}
a.catName:visited {text-decoration:none; color:#979797;}
a.catName:hover {text-decoration:none; color:#434242;}
a.catName:active {text-decoration:none; color:#979797;}
a.catNameActive:link {text-decoration:none; color:#979797;font-weight:bold;}
a.catNameActive:visited {text-decoration:none; color:#979797;font-weight:bold;}
a.catNameActive:hover {text-decoration:underline; color:#979797;font-weight:bold;}
a.catNameActive:active {text-decoration:none; color:#979797;font-weight:bold;}
/* ----------------- */
У меня прописано. К тому же в опере сковзь картинки просвечиваются маркеры... Хотя у меня вообще не стоит этого.
0
 Аватар для kraldraav
30 / 30 / 6
Регистрация: 24.04.2010
Сообщений: 145
21.02.2011, 12:23
Цитата Сообщение от -AspeR- Посмотреть сообщение
У меня прописано. К тому же в опере сковзь картинки просвечиваются маркеры... Хотя у меня вообще не стоит этого.

вот твой хтмл код
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul class="reset"> 
 
 <li><a class="nnews" href=" http://skuchno.net.ru/photo/"><b><img src="http://x360a.ru/templates/x360a/images/spacer.gif" alt="">Фото</b></a></li> 
 <li><a class="ngames" href="http://skuchno.net.ru/blog/"><b><img src="http://x360a.ru/templates/x360a/images/spacer.gif" alt="">Видео</b></a></li> 
 <li><a class="nistr" href="http://skuchno.net.ru/index/anekdoty/0-8"><b><img src="http://x360a.ru/templates/x360a/images/spacer.gif" alt="">Анекдоты</b></a></li> 
 <li style="padding: 0pt;"><a class="nforum" href="http://skuchno.net.ru/index/statusy_v_kontakte/0-229"><b><img src="http://x360a.ru/templates/x360a/images/spacer.gif" alt="">Статусы ВКонтакте</b></a></li> 
 <div class="pro6eJI"></div> 
 
<li><a class="nnews1" href="http://skuchno.net.ru/publ/"><b><img src="http://x360a.ru/templates/x360a/images/spacer.gif" alt="">Смешные истории</b></a></li> 
 <li><a class="ngames1" href="http://skuchno.net.ru/stuff/"><b><img src="http://x360a.ru/templates/x360a/images/spacer.gif" alt="">Онлайн игры</b></a></li> 
 <li><a class="nistr1" href="http://skuchno.net.ru/index/onlajn_tv/0-262"><b><img src="http://x360a.ru/templates/x360a/images/spacer.gif" alt="">Онлайн TV</b></a></li> 
 
 
</ul>
<ul class="reset">

значит и пиши для этого класса none-style...)))
0
0 / 0 / 0
Регистрация: 21.02.2011
Сообщений: 3
21.02.2011, 13:27  [ТС]
Спасибо. Но когда я заменил reset на none-style, у меня и в Google Chrome меню съехало точно так же как и в Opera.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
21.02.2011, 13:27
Помогаю со студенческими работами здесь

Как добиться одинакового отображения элементов в разных браузерах
Здравствуйте. Собственно есть определенные проблемы с браузерами, касающиеся того, что разные браузеры по разному...

Настройка отображения сайта
Здравствуйте. Пользуюсь Яндекс Браузером. На главный экран можно добавлять сайты, но как настроить вид своего сайта? У меня просто название...

Запрет отображения сайта в IE-8
Привет! Почти доделала сайт, но появилась одна проблема в IE.. или мне кажется, что она появилась. Когда проверяю сайт в IE tester и...

Неккоректное отображения сайта в Google Chrome
Доброго времени суток, народ. Проблема такая, есть сайт, сами файлы открываются и отображаются нормально в chrome и mozila, залил сайт на...

Селекторы для отображения сайта в полноэкранном режиме
Вот простой пример. Но почему-то не работает при переходе в полноэкранный режим &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; ...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm)
8Observer8 30.01.2026
Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru