GПроблема отображения сайта в браузерах.

[AspeR]

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

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

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

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

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

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

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

Если что вот код меню сайта:

<!-- <block1> -->  
<table class="boxC" border="0" cellpadding="0" cellspacing="0">  
<tbody><tr><td class="boxTitle"><!-- <bt> --><!--<s5351>-->Меню сайта<!--</s>--><!-- </bt> --></td></tr>  
<tr><td class="boxTable1"><!-- <bc> -->  
<div class="otctyn">  
<div class="block bnavi">  
<div class="dtop"><div class="dbtm">  
<div class="dcont">  
<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>  
</div></div></div></div>  
<div class="detals_bm2"><div class="detals_bm2-text">Реклама на сайте»</div></div>  
<div align="center">  
<a href="">Рекламное место №4 (Свободно)</a>  
</div>  
<!-- </bc> --></div></td></tr>  
<tr><td class="boxContent"></td></tr>  
</tbody></table>  
<!-- </block1> -->

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

[Vlad]

Поставьте для класса reset в стилях padding: 0; margin: 0;

[AspeR]

Поставьте для класса reset в стилях padding: 0; margin: 0;

Вот CSS код меню:

Честно говоря уже не знаю, что изменять, чтобы все стало на место.

/* 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;}
/* —————-- */

[Vlad]

Еще раз

ПОСТАВЬТЕ ДЛЯ КЛАССА reset В СТИЛЯХ padding: 0; margin: 0;

[AspeR]

Еще раз

ПОСТАВЬТЕ ДЛЯ КЛАССА reset В СТИЛЯХ padding: 0; margin: 0;

Да изначально у меня уже стоит padding: 0; margin: 0;

[Vlad]

Врёте! Firebug говорит, что у .reset этих свойств нет.

Ещё уберите маркеры у списка — list-style: none;

[AspeR]

Врёте! Firebug говорит, что у .reset этих свойств нет.

Ещё уберите маркеры у списка — list-style: none;

.reset, .reset li { margin: 0; padding: 0; display: block;}

Маркеры убрал, но они в Опере все равно отображаются.

[Vlad]

Обновите кэш, пока на сайте все по прежнему.

[AspeR]

Обновите кэш, пока на сайте все по прежнему.

Да оно у меня само обновляется сразу, после загрузки в файловый менеджер txt документа со стилями

[Vlad]

Какой еще txt-файл. Вносите в этот файл изменения — /_st/my.css

[AspeR]

Какой еще txt-файл. Вносите в этот файл изменения — /_st/my.css

У меня все стили CSS записаны в txt файлах... и на них указан путь @import url('/css/1.css');

[Vlad]

В FF у меня по прежнему плохо смотрится, то ли закэшировался так, то ли ошибка какая. В остальных браузерах нормально меню отображается.

[AspeR]

В FF у меня по прежнему плохо смотрится, то ли закэшировался так, то ли ошибка какая. В остальных браузерах нормально меню отображается.

Т.е. у тебя в FireFox не правильно отображается? А в Опере нормально?

Потому как я заметил эту проблему только в Опере.

И еще по поводу сайта, больше ничего никуда не съезжает? Потому как по наблюдениям других пользователей - еще и глючит горизонтальное меню.

[Vlad]

Нет, в Опере тоже плохо.

[AspeR]

А как на счет остального дизайна? Все в порядке?