ru_coding, posts by tag: expression - LiveJournal (original) (raw)

almaz_music @ 02:51 pm: Где ошибка?
Есть конструкция вида: Стили соответственно:

#footer { width: 100%; height: 68px; margin: -68px 0 0; background: url(../images/page-bg.png) 0 100% repeat-x; position: relative; }

.f-wrp1 { padding: 0 21px; }

.f-inner { width: 100%; height: 68px; min-width: 956px; max-width: 1256px; margin: 0 auto; position: relative; background-color: red; }

ну и собственно виновник поста ИЕ6 и стили для него:

.f-inner { width: expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 956 ? '956px' : (document.documentElement.clientWidth > 1256 ? '1256px' : 'auto')) : (document.body.clientWidth < 956 ? '956px' : (document.body.clientWidth > 1256 ? '1256px' : 'auto'))); }

Так вот собственно проблема: обычно вешаю этот экспрешн непосредственно на футер, но здесь из-за дизайна пришлось вот так извратиться и теперь при расширении окна с минимальной ширины до определённого места всё нормально, потом на этом определённом месте ИЕ делает футер по максимальной ширине из экспрешена и появляется горизонтальный скрол пока не развернуть окно ширине этой самой максимальной ширины. Помогите избавиться от баги.

Tags: expression