Шапка для сайта

Угу, теперь понятней, то-есть шапка из двух рисунков должна состоять? на переднем фоне допустим фонтан который сделать шириной 960 px а на втором рисунке небо по максимальной ширине 1920px которое и будет тянутся и сужаться а верстальщик сделает фонтан на фоне неба и шапка на всех разрешениях будет выглядеть без искажения фонтана и во весь монитор?

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

Abrgen, да, всё верно.

И для каждого объекта будут описаны свои правила позиционирования в конкретном поле, в данном случае - в хидере.

Тогда и резиновый размер с width:auto; или подстраиваемый для планшетов, без разницы.

Т.е. объект некий, тот же logo и будет позиционироваться и подстраиваться под ширину и "бегать" по хидеру как вам нужно. В ТЗ для дизайнера это укажите сразу, что нужна резина и объекты в хидере отдельными элементами, он всё поймет, а верстальщик уже сверстает из макета.

P.S., например здесь почитайте, грубо говоря позиционирование блоков или элементов в блоке.

Какого вида шапка? Картинка? Тогда ширина 1920px. Если по краям можно перелить в цвет, то любой ширины, недостающие секторы будут просто заливаться цветом.

Вот 3 варианта шапки:

1. http://joysea.ru - один и тот же кусок моря повторяется подряд.

2. http://lazarevskoe-dom.ru - широкая картинка выставлена фоном блоку и показывается на ширину разрешения посетителя.

3. http://cleanwheels.ru/ блок наложен на блок. Задний блок повторяет одну и ту же полоску, а передний содержит гараж и кусты.

Дизайнер должен понимать, отталкиваясь от идеи.

<img id="mylogo" src="Ссылка на картинку" />   

   <style type="text/css">   

   #mylogo {width: 100%; margin: 0 0 0 0;}   

   </style>

Второй вариант понравился, рисуем картинку 1920 рх. Выставляем по центру и у кого большое разрешение видят все побережье а у кого маленькое только трубу в центре картинки? На резиновом шаблоне сайта так получится?

---------- Добавлено 27.02.2014 в 07:41 ----------

<img id="mylogo" src="Ссылка на картинку" />   

   <style type="text/css">   

   #mylogo {width: 100%; margin: 0 0 0 0;}   

   </style>

А так картинка исказится наверное?

Смените разрешение на компе, всё увидите.

найдите нормального дизайнера, он такие вещи знает, так-как не все "умельцы" умеют рисовать резину. Он то может нарисовать отличную картинку, но потом верстальщик может не сделать то что вам нужно

..и зовётся сей специалист не дизайнер, а веб-дизайнер.

А уже верстальщик даже может масштабировать картинку в зависимости от ширины экрана :)

ЗЫ. И в принципе эти 2 специальности могут сочетаться в одном специалисте.

Естественно.

Только размер этой картинки потом проверьте, чтобы у вас она не весила 5 мегабайт. А то те у кого интернет не очень будут долго ждать )) Если будут.

Можно нарезать разных картинок, например 3 разных размеров -маленькую(узкую), среднюю, большую(широкую) и в зависимости от ширины экрана показывать подходящую через @media queries.

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