Правильно ли сверстан шибон дизайнером для верстки?

Question

[Роман Говоров]

Заказал дизайн, прислали. Столкнулся с проблемой что ни как не могу это сверстать. Так как растягивая это на экран в 1920 получется ужасно. А макет, как сказал дизайнер сделан на 1366.

Объясните мне, это либо я криво верстаю или же дизайнер нарисовал так?

Ссылка на psd тут.

Comments

[Gortyser]

Вряд ли кто-то будет качать psd, скиньте картинку

[Роман Говоров]

Gortyser, выше прикрепил

[Gortyser]

Роман Вопроскин, сверстайте как есть (ширина контента 1366, контент по центру, по бокам просто белый фон)

[Роман Говоров]

Gortyser, Это то легко но эффект не тот сразу((

[Gortyser]

Роман Вопроскин, этот фон можно сделать абсолютно позиционированным.
Но скорее всего все равно будет не то чтобы шикарно

[Роман Говоров]

Gortyser, если делать абсолютно позиционированным то вот и будет такой результат:

От сюда и вопрос, это я кривой или дизайнер?

[posters]

Роман Вопроскин, @media запросы для кого придуманы?
width фиксированную установите к блоку с текстом и colorк тексту добавьте.
Что-то вы на самых основах верстки тупить уже начали.

Answer 1

[AleninD]

Не погли бы показать часть, где вы описываете "получается ужасно". И в чем именно проблемы?

Comments

[Роман Говоров]

Answer 2

[Антон]

Растягивать зачем, у вас было условие о том, что это должно быть резиной?
Определите максимальный контейнер, например, 1140 пкс и держите его хоть на 1920, хоть на 10000.

Comments

[Роман Говоров]

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

Answer 3

[Одиночка Айс]

Макет сделан на 1366, все, что выше, никак не влияет на макет, хоть 5000, по центру будет ваш баннер шириной 1366

Comments

[Роман Говоров]

А как сделать так чтобы он был от края до края то? Просто так получается как обрубыш ведь будет.

[Одиночка Айс]

Роман Вопроскин, да никак, пусть будет, вы же шапку с футером не растягиваете на фулл

Answer 4

[Виталий Кузнецов]

Вы занимаетесь не своей работой. Вы не дизайнер.

Вам дали макет — спросите заранее, как будет адаптироваться или верстать pixel perfect.

Далее, будет ли точно 4 строки текста или 12 может быть?

Нужен реальный пример, иначе будут баги…

Вообще если хотите это дело сделать адаптивным и резиновым, максимально упростите мобилу, убрать девушку, сделать просто рыжий фон.

Далее, на планшете уже можно показать 50-50 и текст и девушку, высоту блока задайте и фон по центру выравнивайте.

Далее, 1366 и выше — придётся дорисовать самому выравнивание углов в прямую линии, и сделать :before для заднего фона на всю ширину окна.

Но я таким не заморачиваюсь) подобное пытался сделать для skyeer.artbayard.ru но плюнул и забил)