Верстается div-ная страница. Расклад — центр всё время по середине, тянется. Например способом, уведённым у самизнаетекого:

CSS

#main {width:100%; clear:both; overflow:hidden; position:relative;}
#main:after {content:''; display:block; clear:both;}
#main_toleft {position:relative; right:50%; float:right;}
#main_toright {width:1600px; position:relative; z-index:1; right:-50%;}

HTML

<div id="main">
<div id="main_toleft">
<div id="main_toright">
<img src="/ima/image.jpg" width="1600" height="400" />
</div>
</div>
</div>

Смысл — прятать левую и правую стороны картинки за окна браузера, когда у пользователя малые разрешения монитора. Прятать надо, разумеется, так, чтобы не появлялись слайдеры. В данном случае, ширину картинки в 1600 пикселей я принял за достаточную. Может быть и больше, не суть важно. В общем, центральная часть картинки видна всё время, по середине. А с увеличением разрешения монитора, будут открываться и её бока.

Схема работает во всём, кроме Internet Explorer. В нём картинка (а по сути — div-ный блок) отображается левой частью. Всё то, что справа — прячется под правую границу браузера. Ни какого намёка на расположение картинки по центру, что есть упадок моего и без того подоравнного сознания. Поправьте мне его пожалуйста какой-нибудь хитрой конструкцией, чтобы я её вставил через <!--[if IE]>...<![endif]--> например.

Спасибо

Здравствуйте!))
Подскажите пожалуйста:
Я скачала горизонтальное меню с тремя подменю и моё меню в Firefox нормально отображается, но в IE только первая строчка. В чем проблема?

Заранее спасибо)

P.S. если что, могу отправить код меню))

1. Поставить DOCTYPE
2. Где закрывающийся тег div#content

Вот заморочился, в ie6 не работает. Проверено ie7, ie8, firefox3, chrome6, opera 10
http://warplines.com/html/onclick/

я пробывал играться с position,  zoom:1 проставлял. последнее конечно не валидно... но с ИЕ когда бороться же нужно.

есть страничка http://tupkalov.ru/proroom/cat.html
Под нормальным браузером все отлично, быстренько, скоро и круто.
Запускают на IE меньше 8. Долгая загрузка. Да страничка тяжелая в плане подгруженных плагинов (это jquery, drag, tooltip, scroll, cufon, pngfix) ну и так далее. Но без этих моментов никак. С тормозами при scrolle я разобрался: Если снять обработчик со scrolla все отлично. но тормоза даже не в этом. Любая анимация. то бишь разворачивание selectoв, аккордеон простейший.

Мастера взгляньте, потратьте минутку, как можно ускорить работу IE

Несмотрел вовнутрь, событие scroll не обрабатывается случаем?

а если такая задача:
main контент с колонками фиксированы и центрированы, а в хидере и футере полоса на 100%? ну в хидере проблема решаема, 1пиксельная картинка в боди с позицией топ, лефт... центральная часть верстается на div-ах, а снизу как делать 100% полоску без таблицы?

Народ помогите!
Раньше я прописывал межстрочное расстояние текста в теге p ( в емсах), понятно опера маненько подвирала, тогда решил задвинуть line-height той же величины в боди. Ура! Помогло. Все зашибись кроссбраузерно, но!!!!!! чисто визуально в теге р line-height уменьшился сравнительно с изначальным вариантом.
Что делать????

ап, проблему не могу решить своими силами..

Добрый день!
У меня старая песня о главном - выпадающие меню и Ослик. :)
Ссылка: http://moskvorechie.ru
Суть проблемы:
В верхнем меню, сверстанном списками, при наведении на пункт должно выпадать меню второго уровня.
Так происходит во всех браузерах, кроме IE (любых версий).
В Ослике не происходит li:hover. Известно, что в 6 версии данная проблема решается при помощи добавления класса jshover при наведении на пункт меню. Однако, в 7 и 8 версии все же должно работать!
Решение для ИЕ6 было распространено на старшие версии, и успешно использовалось, пока не пришла беда.
На сайт установлен счетчик Web Visor, который как-то сильно грузит JS-машину. При появлении выпадашки в ИЕ, и проведению мышкой над пунктами, меню начинает мерцать и жутко тормозить. Справиться не могу :(

Свои мысли по данному поводу:
1.) В верхнем меню ссылки  первого уровня работают => происходит наведение на <a> => должно происходить наведение на <li>. Этого не происходит, решения не вижу :(
2.) Если падающее меню появилось, то при переходе по пунктам пропадает :hover с <li> первого уровня. Следовательно, там что-то вроде зазора между пунктами?

Очень нуждаюсь в вашей помощи!

http://moskvorechie.ru/brend/list.php?ID=330989 - пример с jshover
http://moskvorechie.ru/test.html - пример без jshover (не работает)

Уже решил. Проблемы были из-за условных комментариев в коде флеш элемента.

Ну что? Разве никто не знает?

И так возникла проблема. Есть две картинки. Одна из них с прозрачным фоном. Нужно наложить картинку с прозрачным фоном на вторую.
Делаю так: смещаю див с прозрачной картинкой: display: inline; position:relative; left: -37px; bottom: -105px;
В итоге получаем правильное расположение. Прозрачная картинка на непрозрачной второй.
НО! В IE получаем белый фон у картинки с прозрачным фоном!
Этот фон IE берет из !изначального места расположения картинки, до сдвига с помощью display: inline; position:relative; left: -37px; bottom: -105px;
Т.е если у контейнера с картинками фон синий – у прозрачной картинки тоже будет синий фон
Как это побороть? Этот баг только в IE в остальных при сдвиге – фон картинки прозрачный.

Может есть какие-то мысли по этому поводу? пробовал указывать background-color: transparent; но ие опять показывает фон контейнера до сдвига…