MSIE и overflow hidden. Работает во всём, кроме Internet Explorer.

@Misha_Carter · Регистрация: 08.02.2011

Author24 — интернет-сервис помощи студентам

Верстается 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%;}

HTML5

<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-ный блок) отображается левой частью. Всё то, что справа — прячется под правую границу браузера. Ни какого намёка на расположение картинки по центру, что есть упадок моего и без того подоравнного сознания. Поправьте мне его пожалуйста какой-нибудь хитрой конструкцией, чтобы я её вставил через  например.

	14.12.2011, 12:56