[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Оптимизация под разрешения
Slays
Хотелось бы узнать, кто как оптимизирует свои сайты под различные разрешения мониторов.

Например можно создать два css файла, под 1024 и 1280, вычислять через javascript разрешение пользователя и подключить соответствующий файл

Кто как еще делает, нужен кросбраузерный способ для нерезиновых дизайнов



Спустя 53 секунды (27.08.2010 - 10:39) Basili4 написал(а):
Slays
делать резиновый сайты

Спустя 6 минут, 3 секунды (27.08.2010 - 10:45) Slays написал(а):
резина не подходит.

Спустя 2 минуты (27.08.2010 - 10:47) linker написал(а):
Помню, во времена homepage народ делал под каждый вариант разрешения свой дизайн и вставлял тупо переключалку ссылками на каждый из вариантов. smile.gif

Спустя 3 минуты, 5 секунд (27.08.2010 - 10:50) Basili4 написал(а):
linker
ну в наш 21 век можно несколько упростить задачу загружать легкий index.html который редиректит на на страницу с этим разрешением Вариант конечно же говно но вполне рабочее.

Спустя 2 минуты, 9 секунд (27.08.2010 - 10:53) Slays написал(а):
Неужели нет нормальных способов =)
Ну вот смотрите, если делать резину, с блоками все понятно, но как быть с картинками, как быть с background, если он тоже идет картинкой определенной величины, а не просто обои в репите...
IE6 вообще через css не уменьшает изображение, а тупо урезает под указанную величину.

Спустя 3 минуты, 53 секунды (27.08.2010 - 10:57) Basili4 написал(а):
Slays
Центрируй фон а края крась в нетральный цвет. или еще все в div с фоном а див делай фиксированным и держи его по центру. Я не верстальщик точного правленого совета дать не могу но в любом случае сайты должны быть резиновыми

Спустя 2 минуты, 52 секунды (27.08.2010 - 10:59) Nikitian написал(а):
Если хотите, чтобы дизайн одинаково хорошо смотрелся при разных расширениях, то это должен учитывать дизайнер. Более того, дизайнер должен понимать принципы вёрстки и что возможно, а что нет, чтобы не выдавать шедевры, которые смотрятся только на его рабочем 22" в максимальном расширении.

Спустя 1 минута, 52 секунды (27.08.2010 - 11:01) Slays написал(а):
Basili4 подходила бы она везде, я был бы рад. Ты предлагаешь все картинки заменить на дивы с фоном, фиксировать и урезать ? Ты представляешь что увидят люди с разным разрешением ? У кого маленькое увидят повсюду усеченый макет, у кого большое то кучу нейтрального фона вокруг бекграунда ? Не сказал бы что это круто.
Nikitian такой подход ведет к шаблонам в три колонки... На носу 21 век.

Спустя 2 минуты, 44 секунды (27.08.2010 - 11:04) Evilsoul написал(а):
Ну с бэкграундом легко
background: #fff url(../images/13.jpg) no-repeat fixed center top;
а размер имага делаешь оч. большой и лёгкий с помощью всемогущего фотошопа.

А с твоим вопросом, вариантов больше не вижу )

Спустя 3 минуты, 22 секунды (27.08.2010 - 11:07) Slays написал(а):
Evilsoul
как задать background я знаю, но если он находится в резиновом блоке, то при разных разрешениях картинка на фоне будет постояно усекаться.

Спустя 1 час, 46 минут, 4 секунды (27.08.2010 - 12:53) трамонтана написал(а):
лично моё мнение что нужно смотреть индивидуально по каждому дизайну.

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

Спустя 31 минута, 10 секунд (27.08.2010 - 13:25) Slays написал(а):
трамонтана
max-width и min-width не работают в IE6

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

Спустя 12 минут, 15 секунд (27.08.2010 - 13:37) трамонтана написал(а):
Цитата (Slays @ 27.08.2010 - 10:25)
трамонтана
max-width и min-width не работают в IE6

используй простой скрпит указаный в условных комментах для ie6

var d = document;
var winIE = (navigator.userAgent.indexOf("Opera")==-1 && (d.getElementById && d.documentElement.behaviorUrns)) ? true : false;
function bodySizeW()
{
if(winIE && d.documentElement.clientWidth)
{
sObj = d.getElementById("айди твоего блока").style;
sObj.width = (d.documentElement.clientWidth<твоя длина) ? "твоя длинаpx" : "auto";
}
}


function initbodySizeW()
{
if(winIE) { bodySizeW(); }
}


function bodySizeH()
{
if(winIE && d.documentElement.clientHeight)
{
sObj = d.getElementById("айди твоего блока").style;
sObj.height = (d.documentElement.clientheight<твоя высота) ? "твоя высотаpx" : "auto";
}
}


function initbodySizeH()
{
if(winIE) { bodySizeH(); }
}


onload = function()
{
initbodySizeW();
initbodySizeH();
}

onresize = function()
{
bodySizeH();
bodySizeW();
}



Спустя 35 минут, 23 секунды (27.08.2010 - 14:12) linker написал(а):
IE6 вприпрыжку давно уже несется в помойку, его поддержка абсолютно не обязательна. MS от него уже давно открестились.

Спустя 8 минут, 59 секунд (27.08.2010 - 14:21) Dingo написал(а):
Slays для примера зайди на сайт
http://rutube.ru/
http://vkontakte.ru

уменьшаем масштаб и видим прелесть, резина не нужна делайте под минамальное разрешение 1028*768.

Спустя 1 час, 34 минуты, 42 секунды (27.08.2010 - 15:56) Slays написал(а):
linker
я бы сам рад от него избавиться, но заказчики как просили, так и продолжают.

Dingo
для всех сайтов такое не сделаешь, опять же все идет к шаблону


впринципе то острой проблемы нет как сделать, я просто тему создал, чтоб вы конкретно поделились кто чем пользуется, подглядеть какой-нибудь интересный проверенный способ, по типу "я обычно делаю так", практики вы где =)


_____________
если помог, не скупись на карму =)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.