Ограничение ширины сайта (страницы) для всех браузеров!?

389

Ceres

27 июня 2012, 06:16

1546

Привет! Ребята помогите срочно!

Нужно ограничить резиновый сайт по ширине.

Есть ли простой рецепт работающий во всех браузерах?

Max-width отказывается работать в ie9, возможно и в другие ie - не проверял.

Там чу-де-са! )

196

VoV@

27 июня 2012, 06:52

#1

Для IE6 раньше использовали width:expression:

max-width
#block {
max-width:100px;
width:expression(this.width> 100? '100px': this.width);
}

не сработает?

ЗЫ хотя тут: http://htmlbook.ru/css/max-width пишут, что для IE9 max-width должен работать.

⭐ Разработка Андроид-приложений (Xamarin C#). ⭐ Разработка ASP.NET (WebForms, MVC, WebAPI, Core). ⭐ Цой жив!

389

Ceres

27 июня 2012, 07:39

#2

Попробую.

Для ie9 и правда в спецификации написано что работает. Но на деле нет.

131

slaveofmoney

27 июня 2012, 08:01

#3

а в чем собственно проблема использовать фиксированный див, а внутри резину ?

<div style="width: 800px">
РЕЗИНА
</div>

пусто )

389

Ceres

27 июня 2012, 08:10

#4

А сужаться он разве будет когда монитор 800, если я поставлю <div style="width: 1400px"> без полосы прокрутки?

131

slaveofmoney

27 июня 2012, 08:12

#5

Ceres:
А сужаться он разве будет когда монитор 800, если я поставлю <div style="width: 1400px"> без полосы прокрутки?

аа точняк, но нафига вам вообще такой гемморой, на каком нибудь планшете (с шириной экрана 800) все равно может поплыть

389

Ceres

27 июня 2012, 08:26

#6

slaveofmoney:
аа точняк, но нафига вам вообще такой гемморой, на каком нибудь планшете (с шириной экрана 800) все равно может поплыть

Вот надо ) У Лебедева все сайты так сделаны - но там слишком геморно все, мне бы попроще вариант!

131

slaveofmoney

27 июня 2012, 08:31

#7

по простому два варианта верстки ))

[Удален]

27 июня 2012, 08:37

#8

Ceres:
Max-width отказывается работать в ie9

Работает он как надо, вы что-то не то делаете.

VI

26

vlad_ir

27 июня 2012, 08:53

#9

Во всех браузерах требуемого эффекта можно добиться скриптами.

Создаете файл .js с содержимым:

function width(min,max){

w = document.documentElement.clientWidth;

return (w <= min) ? min + "px" : ((w >= max) ? max + "px" : "auto");

}

В css-файле создаете правило:

.mcontainer{

width:expression(width(920,1200));

}

Где 920 - минимальная ширина, 1200 - максимальная

Подключаете оба файла к html-странице. Создаете <div class="mcontainer">

Думаю, что это не слишком сложно.

Возможно всё! Нужны только деньги и время.

Макет сайта: как правильнее? Размещение картинки Адаптивная вёрстка - проблема

[Удален]

27 июня 2012, 09:52

#10

Сашко:
Работает он как надо, вы что-то не то делаете.

+1

даже залез на пару сайтов перепроверить, параноя мля... ))

Что делать, если ваша email-рассылка попала в спам

Дзен реализовал для авторов возможность вывода денег через СПБ