Верстка под широкоформатные мониторы

[Poster]

чесно говоря не признаю резиновых сайтов. человек по природе очень ленив и не любит читать "многа текста" - не зря ведь газеты верстают колонками. всегда делаю сайты на 750 пикселей шириной (иногда 850 максимум).

а когда все налеплено - фиг разберешся что по чем

 

[nakamichi]

чесно говоря не признаю резиновых сайтов. человек по природе очень ленив и не любит читать "многа текста" - не зря ведь газеты верстают колонками. всегда делаю сайты на 750 пикселей шириной (иногда 850 максимум).

а когда все налеплено - фиг разберешся что по чем

Можно же делать сайт чтобы текст не сильно растягивался а добавлялись просто болешь белых отступов скажем от левого меню или правого. и тогд атекст будет не сильно увеличиваться в размерах. Вон Лебедев клепает резиновые сайты, и не как не скажешь что текст не читается при разрешении 1600 х 1200

 

[fs84]

Сходная тема уже обсуждалась: Для просмотра ссылки Войди или Зарегистрируйся
и как вариант: Для просмотра ссылки Войди или Зарегистрируйся

Вообще склоняюсь к резине... Можно с помощью скрипта (последняя ссылка) отловить "проблемные моники" и выдать им нужный диз.

 

[1ion]

Для ограничения минимальной ширины на общий див вот такое css-свойство имеет смысл повесить:
width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'790px':'');

Для ограничения максимальной аналогично, только, соответственно, вместо знака меньше будет больше.

 

[tolik3]

Самый простой вариант, копирование кусочка бэкграунда, следовательно сайт при любом разоешении будет выглядеть одинаково!

 

[dive Alex]

зависит от каждого конкретного дизайна, некоторые просто нельзя растягивать на 100%, в таком случае лучше всего делать фиксированную ширину например 1000 пикселей, а остальное фон.. для более приятного внешнего вида можно ограничить контетную часть сайта от растягиваемого фона немного другим цветом и рамкой)

 

[porsche2]

Для ограничения минимальной ширины на общий див вот такое css-свойство имеет смысл повесить:
width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'790px':'');

Для ограничения максимальной аналогично, только, соответственно, вместо знака меньше будет больше.

Такое CSS свойство работает для IE, на FireFox и Opera нужно добавлять min-width, max-width

например так:

#main { width: expression(document.body.clientWidth<1000?'1000px' : document.body.clientWidth>1200?'1200px': "auto");
min-width: 1000px;
max-width: 1200px;

В примере конечно 800*600 побоку, можно подправить, но их мало и сновное равнение на 1024, все широкоформатники смотрят сайт в 1200, при этом CSS у нас один и нет if (screen.width == xxxx)

В общем самый простой и надежный способ

 

[Trial]

Как можно оптимизировать дизайн под широкоформатные матрицы?
Я обычно делаю дизайн для разрешения 1024*768 с растягиванием до 1280 пикселей(кое-где ставлю растягивание на 100%)....

А каким образом ты делаешь дизайн под 1024 с растягиванием только до 1280 и на чем на дивах или на таблицах (мне бы на таблицах хотелось такое реализовать). Объясни плиз?

 

[disker]

Странно но никто не написал про такой способ как определение разрешения монитора пользователя. Если к разрешению такие строгие условия, то можно сделать фиксированные (не резиновые) страницы под каждое разрешение экрана, через ява скрипты определить разрешение экрана пользователя и загрузить ему именно такую страничку как у него разрешение.
Собственно так, если я не ошибаюсь, и делают профессиональные сайты...

 

[Trial]

Да не на крупных если поглядеть резину пользуют,
да и картинок у них минимум, сайты то информацыонные. У крупных темболие бабла на рекламу полно да и аудитория большая к ним и так приду пользователи