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

@-AspeR- · Регистрация: 21.02.2011

Студворк — интернет-сервис помощи студентам

Некорректное отображение сайта браузерами

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

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

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

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

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

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

В чем может быть проблема? В HTML? В СSS?

@RosenR@t · 21.02.2011, 12:03

Видимо в css, погугли кроссбраузерность, или посмотри тут
http://webering.ru/blog/html_css/crossbrowsers/

@kraldraav · 21.02.2011, 12:04

Сообщение от -AspeR-

Первое что бросается в глаза - некорректное отображение меню в Опере:
http://imagepost.ru/images/645/bad.png

у тебя там список, значит в CSS для меню пропиши

CSS
1
.ul {list-style:none;}

Прорабатывай каждый элемент и проверяй в разных браузерах их не особо много все-таки)))

@-AspeR- · 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;}
/* ----------------- */

У меня прописано. К тому же в опере сковзь картинки просвечиваются маркеры... Хотя у меня вообще не стоит этого.

@kraldraav · 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...)))

@-AspeR- · 21.02.2011, 13:27 **[ТС]**

Спасибо. Но когда я заменил reset на none-style, у меня и в Google Chrome меню съехало точно так же как и в Opera.

Новые блоги и статьи Все статьи Все блоги /
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 - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@-AspeR- 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

@RosenR@t 136 / 136 / 7 Регистрация: 07.07.2010 Сообщений: 774
	21.02.2011, 12:03
	Видимо в css, погугли кроссбраузерность, или посмотри тут http://webering.ru/blog/html_css/crossbrowsers/ 0

@-AspeR- 0 / 0 / 0 Регистрация: 21.02.2011 Сообщений: 3
	21.02.2011, 13:27 [ТС]
	Спасибо. Но когда я заменил reset на none-style, у меня и в Google Chrome меню съехало точно так же как и в Opera. 0