Размер экрана.

[tomorrow]

Привет,

Назрел такой вопрос: вот есть сайт, смотрица отлично на 1024х768, неплохо масштабируется для 1280х800, сносно для 1440х900 а дальше все растягивается очень некрасиво... Представляю как это выглядит на 1600 или 2560 по ширине.

Так вот, какие вы знаете способы бороться с этим?

Идеи, которые пришли мне в голову:

1. Запретить размер экрана больше определенного с помощью javascript. Минусы очевидны - скрипты поддерживаются не везде. Будут ли еще минусы для пользователя в этом случае?
Вообще, практикуется такой способ (ни разу не встречал)?

2. Сделать несколько вариантов странички и загружать их в зависимости от режима монитора. Проблема в том, что для диапазона 640-2560 (ширина экрана), придется сделать штук 5 вариантов.

3. Ну и оставлять поля по краям или сбоку. Тоже не катит, так как смотрится некрасиво.

Какие еще есть способы?
Жду ваших комментариев.

[Тёма]

Делать два варианта - для разрешений от 800 до 1280 и еще один для более высоких.
P.S.: 2560??? mood:глупо хихикает

[2GoDoom]

Тёма, если вы считаете что 2560 нет, то эт совсем не значит что его действительно нет. =)

Вариант - делать хорошую верстку... чтобы элемента дизайна не разъезжались совсем далеко, при том ездили по страничке, плюс можно реализовать, что при 1600 например - появляются скрытые на более низких разрешениях обхекты (с помощью css можно добиться) =)

[ktuec]

У меня хоть и больше чем 1600, но браузер за редким исключением раскрываю на весь экран.
И считаю, что делать разные версии для разных разрешений экранов зря потраченное время. Никто этого не оценит.
Лучше попытаться сделать одну нормальную верстку. В этом плане очень удачным считаю Lenta.ru.
Я проставляю процентное соотношение по всей сетке сайта, делаю процентные отступы от текста и от объектов. Никаких особых примудростей не использую.

[Тёма]

2GoDoom, я не в том смысле что его нет, а что используют такое разрешение 0,000...01 процент пользователей. Причем шанс что этих уникумов занесет на Ваш сайт еще меньше

[talisman]

[Только зарегистрированные пользователи могут видеть ссылки. ]
2560x1024 — 0.0192%

сейчас рабочий диапазон от 800х600 до 1280х1024.
в скором времени, возможно, он расширится до 1600х1200.

хотя может быть и другой поворот событий — быстрое развитие мобильных устройств приведет к снижению размера экранов пользователей.

[tomorrow]

2GoDoom, как с помощью css сделать скрытые при низких разрешениях объекты? Можно примерчик?

И еще вопрос ко всем: можно ли сделать зависимость ВЫСОТЫ таблички (или слоя) от ШИРИНЫ окна?

[ktuec]

2 tomorrow: но ты помнишь, что не у всех мониторов соотношение сторон 4:3.

[Гриша]

Cделать несколько стилей под каждое разрешение, и через JS подгружать их. Ну а тем у кого по ширине 2560 и нет JS, придется довольствоваться тем, что есть.
Легко и оптимистично.

[tomorrow]

Гриша я думал об этом. Все-таки кажется что лучше если режимы будут переключаться автоматически при загрузке в зависимости от монитора, чтобы не было проблем с поддержкой скриптов.

[2GoDoom]

Примерчик не дам, ибо лень искать...
Но решения такие:
1). Явой делать style.display = TRUE или FALSE
2). Если делать так, что элементы появляются слева... то мы весь дизайн запихиваем в див, body { text-align: right; } у этого дива { text-align: left; width: 1006px; } в диве вешаем еще див (с элементом диза) и пишем в стилях { position: absolute; margin-left: -15%; } или же в пикселях... таким образом получится, что у нас дизайн стандартно рассчитан на разрешение 1024 по ширине, но если больше - то левее появляются какие-то скрытые элементы дизайна...
3). Делать хорошую верстку с отступами и размерами в процентах.

Имхо, третий вариант - лучший =)

[kost]

Использовать max-width. Вроде, уже придумали решение для IE.

Кстати, очень интересно сделан сайт Rammstein ([Только зарегистрированные пользователи могут видеть ссылки. ]) -- поменяйте ширину экрана, посмотрите, что получается.

[Xylitolq]

так каким методом лучше пользоваться ?

P.S. кстате этот чуток форум плывет на разрешении 1280

[Aykroyd]

1. Методом max-width.
2. Этот форум никто не корректирует, потому что скоро выйдет совсем новая версия дизайна.