max-width в IE. Ну никак не получается! Помогите, плиз!

12
21gramm
На сайте с 17.11.2005
Offline
43
1103

Задача: ограничить растяжку фоновой картинки до 1279 px. В Мозилле всё отлично. А в IE 7 ну вообще никак. Просто бред! В IE если разрешение больше чем 1279, то отлично... картинка больше не растягивается, но если включить разрешение меньше 1280, то фоновая картинка превращается в узенькую полоску.

Вот что пишу в html:

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td bgcolor="#CCCCCC"><table border="0" align="center" cellpadding="0" cellspacing="0" class="table_main_ognezawita">

<tr>

<td height="218" class="table_main">&nbsp;</td>

</tr>

</table></td>

</tr>

</table>

Вот это пишу в CSS:

.table_main {

width: 100%;

max-width:1279px;

width:expression(document.body.clientWidth > 1279? "1279px":

"auto" );

background:url(../images/main.jpg)

}

Подскажите в чём проблема.

Страницу http://xhtml.ru/2005/06/11/max-width/ всю изучил, но никак. Может что не так делаю? Очень прошу помощи. Уже с ума начинаю сходить. Очень много времени на этом потерял.

Shema
На сайте с 01.12.2005
Offline
176
#1

Сделайте распорку из прозрачного пикселя.

Студия Design Coda (http://www.designcoda.ru/). Личные контакты: +7(903)1367564, skype:andrey.oshemkov, telegram:@oshemkov. WMID: 492025973671 (https://passport.webmoney.ru/asp/certview4.asp?wmid=492025973671), делаем и рекламируем сайты, мобильные приложения, ботов для Telegram.
21gramm
На сайте с 17.11.2005
Offline
43
#2

так тогда будет появляться скролинг при разрешение 1024

N
На сайте с 15.12.2006
Offline
49
#3

Первое, что напрашивается - попробуйте

width:expression(document.body.clientWidth > 1279? "1279px":
"auto" );

заменить на

width:expression(document.body.clientWidth > 1279? "1279px":
"100%" );
21gramm
На сайте с 17.11.2005
Offline
43
#4
NAMnam:
Первое, что напрашивается - попробуйте
width:expression(document.body.clientWidth > 1279? "1279px":

"auto" );

заменить на
width:expression(document.body.clientWidth > 1279? "1279px":

"100%" );

СПАСИБО! Помогло.

21gramm
На сайте с 17.11.2005
Offline
43
#5

Проблемы всё-таки остались... В IE6 работает неправильно.

max-width width:expression(document.body.clientWidth > 1279? "1279px":

"100%" );

если вместо 100% поставить auto, то всё наоборот,.. не работает в IE7. В 7-рке происходит следующее... При разрешение 1280 таблица с классом max-width, сжимается и не расстягивается на нужное длину, но если увеличить разрешение, то всё расстягивается как следует. Пожалуйста, подскажите в чём проблема.

Очень нужно

Василий Ткачев
На сайте с 19.05.2005
Offline
481
#6
21gramm:
Проблемы всё-таки остались... В IE6 работает неправильно.
max-width width:expression(document.body.clientWidth > 1279? "1279px":
"100%" );

если вместо 100% поставить auto, то всё наоборот,.. не работает в IE7. В 7-рке происходит следующее... При разрешение 1280 таблица с классом max-width, сжимается и не расстягивается на нужное длину, но если увеличить разрешение, то всё расстягивается как следует. Пожалуйста, подскажите в чём проблема.

Очень нужно

с этим правилом в ИЕ все равно будут проблемы, лучше не заморачивайтесь

Продвигаем естественно ( http://www.inetessentials.ru/ ) и непринужденно. Практический курс по оптимизации ( https://allintop.ru/optimization/ ) - без воды и на основе сайтов студентов. Ежегодная конференция All in Top Conf (https://www.allintopconf.ru/)
LEOnidUKG
На сайте с 25.11.2006
Offline
1773
#7

ИМХО забудьте уже о IE6 и как писали Выше забейте.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
xant
На сайте с 17.12.2008
Offline
65
#8
LEOnidUKG:
ИМХО забудьте уже о IE6 и как писали Выше забейте.

Плохой совет. Пользователей ИЕ6 еще очень, очень много.

2ТС: Javascript вам в руки. ИЕ6 просто не знает max-width и max-height. Если нужны детали, дам рабочий код.

Эксклюзивные сайты и веб-2.0 приложения под ключ. Дорого.
Василий Ткачев
На сайте с 19.05.2005
Offline
481
#9
xant:
Плохой совет. Пользователей ИЕ6 еще очень, очень много.
2ТС: Javascript вам в руки. ИЕ6 просто не знает max-width и max-height. Если нужны детали, дам рабочий код.

нуну.. рабочий :)

делать надо несколько по-другому, но косяк все равно будет

tommy-gung
На сайте с 22.11.2006
Offline
304
#10

у меня вот так сделано


max-width:520px;
width:expression((this.clientWidth > 520) ? "520px" : "auto");

на свои значения измените

Здесь не могла быть ваша реклама
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий