Четыреста восьмой
Зарегистрирован: 24.12.2009
Сообщения: 3
|
 Добавлено: Ср Дек 14 2011 12:04 Заголовок сообщения: MSIE и overflow hidden. Работает во всём, кроме IE. |
 |
|
Верстается 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]--> например. |
|
FAQ 
Поиск 
Пользователи 
Группы
Регистрация
Профиль 
Войти и проверить личные сообщения 
Вход 
