HTML+CSS+JavaScript

День добрый!
Кто знает, почему на разных машинах при одной и той же версии браузера IE, дизйан выглядит по разному? Причем расширение мониторов менял, никакой разницы. Там где нормально работало так и работает, там где не нормально, так и осталось. =(

Версии браузеров схожЫ во всех цифирках. И еще, можно ли указывать в хтмл при описании css, для IE допустим не 8, а 8.xxx.xxx ?:D

настройки браузера разные

какие именно?

шрифт и размер шрифта, фон по умолчанию. в чем разница-то, можете показать?

сверху меню в IE 8 (нормальное)
снизу так же в IE 8, но уже другая машина.
настройки сбросил вроде по умолчанию, невышлА =)

Которые вот тут устанавливаются пользователем - см. аттач

спасибо кЭп! а какие именно настройки то там?! шрифты одинаковые, размеры тоже.
есть еще идеи? там что то с масштабностью походу.

а с ie7 проблем нет? возможно нажата http://floomby.ru/content/z34XfJ9Kn0/

нет, в ие7 меню отображается хорошо. режим совместимости не включен, ни там ни там. =( походу засада. блин сдавать работу пора бы уже. вообще как так, столько проработал на одной машине, все браузеры проставил, везде проверил. а на другой машине с таким же браузером такое вылазит... никогда подобного не видел, ладно бы там под-версии не совпадали бы, тогда можно было чето придумать, а тут все совпадает... печаль...
кстати, вопрос, если под-версии браузера не совпадают, как то можно при подключении стиля это отобраить? что под "разные" ие8.

это меню у вас в таблице? может, какой-нибудь nowrap поможет? или в слое с флоат?
если уменьшить ширину пунктов на пару пикселей? никто не заметит, а в браузер влезет.

вот иклудовское ие8 меню: может кто то пошаманит? =)

body  {     font-family: Verdana, sans-serif;     font-size: 11px;     color: #3f5876;      }                                                                               #main_menu                     {                                                  padding: 0;                         margin-top: 15px;                         width: 910px;                         height: 35px;                                              }                                                                       /* "on" - in main_menu */                                                  ul.mainnav                          {                             width: 910px;                              height: auto;                             float: left;                             margin-left: 0px;                             padding-left: 0px;                             list-style-type: none;                         }                                                  ul.mainnav li                          {                                                               height: 33px;                             float: left;                                 display: inline;                                                       }                                                      ul.mainnav a                         {                                 width: auto;                             display: block;                             text-align: center;                             border-right: 1px solid white;                             margin: 0px;                             padding: 10px 21px 10px 1.5em;                             font-size: 12px;                             color: #3f5876;                             background-image: url(../images/main_menu_bc.jpg);                             text-decoration: none;                                                      }                                                      ul.mainnav a:hover                         {                                                          background-image: url(../images/main_menu_pinc_bc.jpg);                             color: white;                         }

да уменьшить конечно можно, и влезет он в браузер и туда и туда, хотя браузер одинаков, и никто конечно не заметит, но разве это дело?

up :D ребят, помогите плззз ;)

Непонятно - какая именно Вам помощь нужна.

Вот если бы Вы, к примеру, дали бы:
1) полный HTML-код этого меню со всеми стилями (а ещё лучше - живую ссылку)

2) скрин этого меню в устраивающем Вас виде

3) и, для сравнения, скрин в другом браузере, где всё "так вылазит" - чтобы это вылезающее было явно видно (и лучше всего - "красненьким фломастером в кружочке" отмечено),

вот тогда пошаманить можно.:-)

А так??
Ну вижу я Ваш CSS-файл.
Что мне с ним делать прикажете?
Могу только проверить его вручную на валидность - но это Вы и без меня сделать сможете, да и не это Вам надо.

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

Вот хтмка, тока чем он поможет :D

<div id=main_menu>             <ul class=mainnav>                              <li><a href=index.php id=mainpage_link>Главная</a></li>             <li><a href=about_center.php id=about_center_link>О центре</a></li>             <li><a href=# id=services_link>Услуги</a></li>             <li><a href=programms.php id=programms_link>Программы</a></li>             <li><a href=laboratory.php id=laboratory_link>Лаборатория</a></li>             <li><a href=partnership.php id=partnership_link>Партнерство</a></li>                             <li><a href=price_list.php id=price_list_link>Прайс-лист</a></li>             <li><a href=onlineconsultation.php id=onlineconsultation_link>Online-консультация</a></li>                                              </ul> </div>

Хм...

А Вы никогда не задавались вопросом - "А зачем тут вообще список?"
СкрипачСписок ведь Вам совсем не нужен.
Убираете <ul> и <li>, а тегу <a> прописываете display: inline-block; - и оно как бы всё тоже самое, но уже БЕЗ глупой попытки засунуть блочную ссылку в инлайновый пункт-<li>.

Чет никак не пойму как это поможет разобраться с браузерами :D

.

могу еще конечно в скрине флАмастером обвести красным, или там не наглядно выходит? :DD

вот с флAмастером =) только помогите решить :D

если что то еще надо будет Вам, говорите! :DD

могу вообще весь css скинуть :D чтоб удобнее было =) ловите

Ссылка Ваша в моём браузере 8.0.6001.18702 показала так же, как и у Вас снизу.
Сиречь, перенесла последний пункт меню на следующую строку.

Значится, в установленные вами 910 пикселей не влезла.


Смотрите сами:
1. Вы устанавливаете чётко паддинги слева и справа внутри каждой ссылки
2. Значит, ширина каждой ссылки (т.е. каждого пункта) формируется как ширина текста + два боковых паддинга
3. Но Вы ещё и задаёте общую ширину всего меню.

А ширина текста внутри пункта зависит (кроме браузерных настроек) ЕЩЁ и от настроек самого Windows - начиная с XP существует такая бяка, как "сглаживание шрифтов". Включённое/невключенное состояние даёт разную ширину текстов.
------

Что могу предложить?
Например, самый простой вариант
1. Запустите в браузере, где Вас ВСЁ устраивает и скриптом узнайте offsetWidth каждого пункта меню следующим образом

<body onload="alert (document.getElementById ('mainpage_link').offsetWidth)">

и запишите их на бумажке. (меняйте id, кое я выделил жирно)
2. Затем для каждого из пунктов в стилях пропишите полученную ширину и обязательно уберите как общую ширину в 910 пикселей у тега <ul>, так и левый/правый паддинги у тегов <a>

Что непонятно - спрашивайте.
:-))

ладно, сейчас попробуем =)

вот первый вопрос: Что такое "сиречь"? :D

http://slovari.yandex.ru/%D1%81%D0%B8%D1%80%D0%B5%D1%87%D1%8C/%D0%A2%D0%BE%D0%BB%D0%BA%D0%BE%D0%B2%D1%8B%D0%B9%20%D1%81%D0%BB%D0%BE%D0%B2%D0%B0%D1%80%D1%8C%20%D0%A3%D1%88%D0%B0%D0%BA%D0%BE%D0%B2%D0%B0/%D0%A1%D0%B8%D1%80%D0%B5%D1%87%D1%8C/

Заодно и русский поучу :D

А... ну тогда "флОмастер" правильнее, ибо слово это произошло от названия фирмы "Flower master", коя первая завезла их в СССР.
Ну типа как "ксерокс" от бренда "Xerox".

да я знаю =) специально выделил же букву А :D

Эврика! =) Работает! =) СПАСИБО ТЕБЕ ОГРОМНОЕ ДРУГ МОЙ! :DDDD
так в чем причина то была? сглаживание текстов поставил одинаковое, а эффект остался O_o
есть какой нибудь менее муторный способ обходить такие вещи?
ЕЩЕ РАЗ СПАСИБО ТЕБЕ!!! =))