mozilla problems @ DeForum.ru

Подскажите, что я не так делаю. В Мозилле текст бесится и все вкривь отображается.

http://www.hc.donetsk.ua/www.arnika.com.ua

В ie и opera нормально

6 Сообщения: 1834 Зарегистрирован: 28.12.04

Kurilshik, в какой мозилле и что не так? Кроме размера фонта никакой особо разницы не вижу в Mozilla 1.5.7 и в FireFox 1.0. Так что, скрин в студию плз и версии Мозиллы.

Кстати... На какой визивижной шняге это делалось?

Чтобы говорить о дальнейшем, разберитесь таки в какой версии HTML это должно быть и таки проставьте правильный DTD. Без этого говорить о мозилах вообще смысла нет.

Судя по количеству ошибок в валидации, скорее всего имелось ввиду таки 4.01 Ну так и напишите ж:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

и посмотрите, что получится. Далее - Вы на кого расчитываете транслировать в кодировке KOI8-R? Может таки стоит переделать в cp1251?

Акела в натуре, версия
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041217
вот скриншот подвала

а это скриншот верхней части, меню вообще кудато исчезло (в OPERA и в IE все в порядке)

Я это делал в блокноте и HomeSite.
Что касается заголовка, то все исправил, скриншот после исправления Вы видите. Ничего неизменилось.
Хотя для текста в подвале я ясно указываю
.tm
{
color:gray;
font-size:8 pt;
font-family:Tahoma;
}

Акела в натуре, после того как я этот код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

прописал у меня и в ie шрифт съехал

А с этим в IE и OPERA все ok

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//RU">

Цитата:

цитата
Далее - Вы на кого расчитываете транслировать в кодировке KOI8-R? Может таки стоит переделать в cp1251?

Дело в том, что на сервере стоит русский аппач, и пришлось отключить перекодирование бинарных файлов, так как невозможно было загружать картинки на сервер с помощью скриптов

Kurilshik,

Цитата:

.tm
{
font-size:8 pt;

уберите пробел между цифрой и единицами измерения, и всё будет.

Kurilshik, и еще. Вам ведь сказали, как правильно писать DTD. Пишите его правильно, пожалуйста. А то, что съехал шрифт - так указывайте относительные размеры шрифтов (small,x-small,xx-small) - и во всех браузерах будет отображаться приблизительно одинаково. А абсолютной одинаковости Вы не добьетесь. Потому как кроме разных браузеров, еще могут быть и разные операционные системы, в которых шрифт Arial просто отсутствует! :-)

И прошу Вас, пропишите дополнительно Sans-serif для шрифтовых групп, в которых Вы сейчас используете

Цитата:

font-family : Tahoma,arial,helvetika;

Aleanta, Спасибо все исправилось. Но все равно этот сайт в ie
и в mozilla 2 разные вещи. Меню вообще исчезло :fie:

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

Без обид, пожалуйста - но все мы работаем.
Единственное, что могу посоветовать - сходите на webmascon.com, там была замечательная статья о том, как делать выпадающие меню.
И еще одно. Когда верстаете, ориентироваться желательно именно на мозиллу - в таком случае сайт с большой вероятностью отобразится нормально и в других браузерах... а ИЕ... вот уже для ИЕ придется подставлять костыли. Как? Описаний куча на вышеупомянутом webmascon'e, а оттуда, пройдя по ссылкам, можно найти много чего интересного.
Удач.

Aleanta, почему странно? Оно загружается в документ при загрузке страницы как таблица

Замечательно.
А куда я пойду на Вашем сайте, если у меня в браузере скрипты отключены? скажите мне, пожалуйста?
Или Вы специально отсекаете таких пользователей?

Как выход, я Вам уже предложила сменить технологию формирования меню.

Aleanta, спасибо конечно, но весь смысл в том, что пункты меню у меня формируются
на php с использованием mysql.

Я пробовал вариант с предложенного вами сайта webmason.com - реализация меню на css
использую <ul><li>……
http://www.alistapart.com/d/horizdropdo … ontal2.htm

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Horizontal Drop Down Menus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

</script>
<style type="text/css">
ul {
   margin: 0;
   padding: 0;
   list-style: none;
   width: 150px; /* Width of Menu Items */
   border-bottom: 1px solid #ccc;
   }

ul li {
   position: relative;
   }
   
li ul {
   position: absolute;
   left: 149px; /* Set 1px less than menu width */
   top: 0;
   display: none;
   }
/* Styles for Menu Items */
ul li a {
   display: block;
   text-decoration: none;
   color: #777;
   background: #fff; /* IE6 Bug */
   padding: 5px;
   border: 1px solid #ccc;
   border-bottom: 0;
   }
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; } /* The magic */
</style>
</head>
<body> 
<ul id="nav"> 
  <li><a href="#">Home</a></li> 
  <li><a href="#">About</a> 
    <ul> 
      <li><a href="#">History</a></li> 
      <li><a href="#">Team</a></li> 
      <li><a href="#">Offices</a></li> 
    </ul> 
  </li> 
  <li><a href="#">Services</a> 
    <ul> 
      <li><a href="#">Web Design</a></li> 
      <li><a href="#">Internet Marketing</a></li> 
      <li><a href="#">Hosting</a></li> 
      <li><a href="#">Domain Names</a></li> 
      <li><a href="#">Broadband</a></li> 
    </ul> 
  </li> 
</ul> 
</body>
</html>

Но это вертикальный варинт, а мне нужен горизонтальный :frown:

Или это можно перевести в горизонтальный вариант?

Kurilshik, не нужно писать столько кода.
Вы меня, конечно, извините, но Вы поиском пользоваться пробовали? Ведь помогает!
Кстати, на сайте alistapart есть прекрасный вариант...
http://www.alistapart.com/articles/dropdowns/
Там как раз такое меню, которое Вам нужно.

оффтопик:

[Цитата:] пункты меню у меня формируются на php с использованием mysql.[/Цитата]
И что? Вам php не позволяет формировать меню так, как Вам нужно? Или этого MySQL не позволяет?

Aleanta, милая, уже 3 часа ищу.
Спасибо

6 Сообщения: 1834 Зарегистрирован: 28.12.04

Kurilshik, так вот сделайте для начала так, чтобы с этим доктайпом работало и на ИЕ и в Опере. Чтобы все браузеры работали по одному стандарту! Как Вы иначе приведёте к кроссбраузерности? Очень долго копать простые ошибки в CSS. И PHP тут причём? какая разница чем будет выводиться ПРАВИЛЬНЫЙ код? Тем более, причём тут HTML-код и визуализация, которая Вас волнует и должна быть на CSS?

DeДверь
Логин:
Пароль:
	Автологин