Форум Сайтостроение Веб-строительство

Размеры PSD макета

12
Эгоист
На сайте с 12.09.2011
Offline
71
Эгоист
#11

Нашел решение!

Полный размер шапки:

Ширина - 1920px;

Высота - 298px;

Изначально делал background в блоке #header и надо было задавать высоту чтобы картинка появилась в блоке.

А мне нужно чтобы она была резиновой по отношению экрана.

Выход следующий:



<div id="header">
<img src="images/bg_header.jpg" />
</div>

в стилях прописываю

#header img{width:100%;}

Теперь шапка будет такого размера, какой у вас экран.

Geers
На сайте с 12.04.2011
Offline
487
Geers
#12

Эгоист, надо делать так:

Делаешь блок header

А в css прописываешь: 

#header {

   background-image: url(../images/bg_header.jpg);

   width: 100%;

   height: 298px;

   overflow:hidden;

}

А шапка в ширину хоть 5000px пусть будет.

Segey
На сайте с 23.08.2005
Offline
404
Segey
#13

Morozil_nikЁ,

Не я просто, думаю вслух)

Да есть конечно http://www.liveinternet.ru/stat/ru/resolutions.html?date=2012-10-29;period=month

Просто раньше оно вроде как сходило на нет, телефоны были слишком мелкие, а мониторы становились все больше. Хотя мобильники/планшеты все таки масштабировать умеют это плюс

Надо бы как-то порыться в статистике и сопоставить ОС и разрешения, все таки масштабирование в телефонах/планшетах немного исправляет ситуацию т.е. скролл просто не вылазит, но все равно 1280 мне кажется дофига

Brexit - уже совсем рядом. (https://about-this-model.blogspot.com/2019/03/brexit.html)
-=Илья=-
На сайте с 05.12.2003
Offline
222
-=Илья=-
#14
Эгоист:
Нужен совет, как лучше поступить уменьшать самому в фотошопе до 1280px ширину или другие какие-то варианты?

Видимо, дизайнер выслал развёрнутый вид шапки. Однако это надо понимать по контексту, например если меню явно тоже разворачивается на всю ширину без сужения, то обращаться не на форум, а за дополнительными инструкциями к заказчику - что он имел в виду. Нельзя пытаться верстать не знаю что по форумным советам.

Эгоист
На сайте с 12.09.2011
Offline
71
Эгоист
#15
Geers:
Эгоист, надо делать так:
Делаешь блок header

А в css прописываешь: 
#header {

   background-image: url(../images/bg_header.jpg);

   width: 100%;

   height: 298px;

   overflow:hidden;

}

А шапка в ширину хоть 5000px пусть будет.

Я так делал изначально, оно не дает результат который нужен.

Artas
На сайте с 01.02.2007
Offline
69
Artas
#16

Сделано так, чтобы шапка была видна на широком мониторе, это нормально. Весь остальной макет ведь другой ширины?

Регистрация ООО под ключ без присутствия в ИФНС (http://9280282.ru/регистрация_ооо), внесение изменений в ЕГРЮЛ (http://9280282.ru/внесение_изменений_в_егрюл), юридические адреса (Москва) (http://9280282.ru/юридические_адреса). Лицензии ФСБ, МЧС, ФСТЭК и др. (http://9280282.ru/лицензирование)
N
На сайте с 06.04.2011
Offline
53
nemartirosyan
#17
#header {
background-image: url(../images/bg_header.jpg);
width: 100%;
height: 298px;
overflow:hidden;
}

но если сделать ширину 100% - то пропорции шапки визуально будут теряться при разных диагоналях монитора,

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

Грамотная верстка. Изготовление сайтов на базе CMS Joomla. (/ru/forum/897104)
MoMM
На сайте с 16.06.2006
Offline
727
MoMM
#18
Segey:
Надо бы как-то порыться в статистике и сопоставить ОС и разрешения, все таки масштабирование в телефонах/планшетах немного исправляет ситуацию т.е. скролл просто не вылазит, но все равно 1280 мне кажется дофига

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

N
На сайте с 06.04.2011
Offline
53
nemartirosyan
#19

я приверженец стандартов статики максимально в 1004 пх

12

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