Вёрстка макета на весь экран

Статус
В этой теме нельзя размещать новые ответы.
VeNorm

VeNorm

Постоялец
Регистрация
22 Дек 2008
Сообщения
91
Реакции
3
Здравствуйте. Вот смастерил макет в 1500px под все экраны.
Каким способом прописывать стили чтобы этот макет оптимизировался под все экраны мониторов? Заранее спасибо.
 
VeNorm написал(а):
Здравствуйте. Вот смастерил макет в 1500px под все экраны.
Каким способом прописывать стили чтобы этот макет оптимизировался под все экраны мониторов? Заранее спасибо.
Нажмите для раскрытия...

В процентах ширину блоков ставь. Это, так называемая, резиновая верстка:) Хотя если сильно уменьшать окно браузера, то всё равно какие-нибудь глюки появятся. Сейчас верстальщики придерживаются минимального разрешения - 1024х768.
 
ну в ширину максимально надо 1200 потому что там полосы прокрутки там еще что-то и тд... а высота не ограничена. И Резиновая верстка не всегда возможна. Зависит от структуры и графики дизайна. Покажи дизайн, а мы тебе тут уже скажем.
 
TOLIK111 написал(а):
Хотя если сильно уменьшать окно браузера, то всё равно какие-нибудь глюки появятся. Сейчас верстальщики придерживаются минимального разрешения - 1024х768.
Нажмите для раскрытия...
глюки как правило с ослами (IE) ранних версий
нормальные браузеры давно поддерживают min-width
 
нормальные браузеры давно поддерживают min-width
Нажмите для раскрытия...
как вариант для ие можно юзать прозрачный гиф 1х1 растянутый на нужную ширину
 
Я обычно делаю резину минимально - 990 px.(под разрешение 1024 на 768), дальше до бесконечности (широкоформатные мониторы можно тоже учитывать). Если на макете шапка фиксированная, нужно ее отрисовать в 2 раза длиннее, хватит даже для широкоформатников).
 
mute написал(а):
как вариант для ие можно юзать прозрачный гиф 1х1 растянутый на нужную ширину
Нажмите для раскрытия...
вариантов заставить работать осла по-человечески очень много - от вложенной жестко прописанной таблицы или проверки на браузер до извращений с ява-скриптами
 
  • Заблокирован
  • #8
t3s, по поводу извращений с ява скриптами, можно заюзать такой вариант:

Код: 
function displ(nnn) {
if (document.getElementById(nnn).style.display == 'none')
{document.getElementById(nnn).style.display = 'block'}
else {document.getElementById(nnn).style.display = 'none'}
}


if (screen.width == 1280) {document.write ('<body class="bg">')}
    else {if (screen.width == 1920) {document.write ('<body class="bg2">')}
      else {document.write ('<body class="bg2">')
      }
    }

Небольшой скрипт, который поможет автоматически подгонять ширину сайта под необходимую ширину экрана юзвера.
 
Finnn написал(а):
t3s, по поводу извращений с ява скриптами, можно заюзать такой вариант:
Код: 
function displ(nnn) {
if (document.getElementById(nnn).style.display == 'none')
{document.getElementById(nnn).style.display = 'block'}
else {document.getElementById(nnn).style.display = 'none'}
}
if (screen.width == 1280) {document.write ('<body class="bg">')}
    else {if (screen.width == 1920) {document.write ('<body class="bg2">')}
      else {document.write ('<body class="bg2">')
      }
    }
Небольшой скрипт, который поможет автоматически подгонять ширину сайта под необходимую ширину экрана юзвера.
Нажмите для раскрытия...
а нафига для ширины сайта ява-скрипт химичить? для подгонки высоты сайта - еще пойму. а по ширине и дивы и таблицы отлично тянутся в браузерах.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху