Как правильно делать привязку элементов, если ширина макета и монитора разные?

Question

[Игорь Малышев]

Доброго времени суток! Помогите новичку решить проблему. Скачал макет, шириной 775 пикселей, когда ширина монитора 1680 px. Привязал логотип, который находится на расстоянии 50px от левого борта. Дальше начал привязывать навигацию, отталкиваясь от расположения логотипа. Если брать размеры один в один, как в макете, то в итоге справа остается огромный кусок пустого пространства. Подскажите, пожалуйста, как решить данную проблему, кроме как верстать приблизительно на глаз?

Answer 1

[Андрей Хохлов]

Откройте vk.com например. Он как раз 700 с чем-то по ширине.
Нужно просто расположить контент по середине страницы.

<div style="width: 775px; margin: 0 auto;">
Тут остальные блоки
</div>