А где вы такое увидели??
Вот, выложил 3 файла:
http://narod.ru/disk/3424213001/chrome.png.html
http://narod.ru/disk/3424147001/ie8_jcarousel.png.html
http://narod.ru/disk/3424149001/ie8_header.png.html
Объясню что к чему...
chrome.png - внимательно присмотритесь на рисунке к положению горизонтального скролла. Видите, он не в начале, а у страницы остаётся пустое место справа? Так на 15-дюймовом мониторе, на больших мониторах просто место справа остаётся и всё.
ie8_jcarousel.png - каруселька в IE8. Посмотрите рисунок в chrome - на рисунке не видно, но я говорю, что подхватывается и fancybox и сам js карусельки. Такое ощущение, что IE их вообще не видит.
ie8_header.png - просто информационный скрин, говорящий о том, что проблема действительно решена (с промежутками) :) я просто правил на локалхосте, и на сервер пока результаты не выкладывал, поэтому на сервере понятное дело ничего не работает :)
mark2011 добавил 14.01.2011 в 06:55
Да, сейчас попробовал поменять местами вызовы js и css в заголовке файла, а также прописал руками вызов css-файла (чтобы он был не в js-скрипте). Результата для IE 0. Для Chrome ничего не изменилось, но и не ухудшилось. Так что проблема с каруселькой остаётся (синтаксически код абсолютно верен, поскольку в других браузерах всё работает).
Я, собственно, проблему с промежутками решил, путём добавления следующего к CSS:
font-size: 1px;
зачем это надо применительно к картинке не знаю, но помогло.
А обрез справа - это не overflow-x... смотрите, картинка же на 1920px, overflow делает так, чтобы не возникало горизонтальной полосы прокрутки. А в этом случае картинка просто обрезается справа и ещё остаётся пустое место (белое). Так происходит в Opera и Google Chrome.
mark2011 добавил 14.01.2011 в 01:00
Уфф, обалдеть!!
Сейчас поставил overflow-x: auto; - появилось ДВЕ полосы прокрутки!! горизонтальных! прикладываю скрин, это надо видеть...
P. S. Сюда, к сожалению, невозможно загрузить файл такого размера, вот ссылка: http://narod.ru/disk/3417410001/14.01.png.html
Спасибо всем!
В общем есть сайт http://nndevice.ru
Там хедер состоит из 6 картинок, шириной в 1920px (заточено под широкоформатные мониторы). Дизайнер специально так сделал. Суть в том что в IE видна вся резка. Т.е. создаётся впечатление что применили
<table cellspacing="1">
вокруг картинок.
Возникают следующие вопросы:
1. Какой лучше использовать DOCTYPE? Возможно ли для разных браузеров использовать
разный DOCTYPE?
2. Почему возникает такая ситуация?
Да, ещё. У меня на работе разрешение 1280*800, там видна вся картинка. (К картинке применён overflow-x: hidden). Но дома на 15' мониторе (и такие ещё есть) картинка просто обрезается справа. Тоже вопрос вопросов - что бы это могло быть... и точно такое же происходит в опере 9.4 (это со слов человека, смотревшего сайт через оперу)
Я уже парю код сам, но мне нужны идеи, в какую сторону копать вообще... может стоит переверстать сайт по таблицам? хотя это устарело уже... если нужно внести изменения в css для IE, то что именно? Ну в смысле не так, а просто что IE НЕ поддерживает...
Вот как-то так..
