Опять резиновый сайт!

[bobchinskiy]

Здравствуйте. Начал писать шаблон для сайта с нуля (до этого только переделывал под себя).

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

 

Собственно, Сайт состоит из Одной колонки, то-есть как лендинг пейдж и по бокам фон.

Как сделать в принципе это понятно. Но у меня возник вопрос, что делать с картинками, в частонсти с шапкой?

Как поступить? Размеры картинок указывать в проценте? Я вот тут уже не совсем разбираюсь. Как сделать к примеру самое большое разрешение и что бы эти картинки подстравиволись под друг разрешения?

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

Еще у меня идет блок далее с превью картинками, к примеру 100px на 100px, на маленьком разрешении эти картинки будут относительно дизайна слишком большими и наоборот? Разжуйте пожалуйста, как это всё в коде изобразить? 

 

 

[raptor-dm]

если высота блока с фоновой картинкой фиксированая, то можно использовать центрирование по горизонтали background-position:center; , по вертикали по усмотрению;

если высота уменьшается при сужении экрана то использовать можно background-size:cover; а можно и первый вариант.  все зависит от конкретной ситуации.
сайт нужно видеть чтобы сказать точно, и я мог еще не до конца понять вас.

Edited January 7, 2015 by raptor-dm

[npofopr]

я плохо разбираюсь в ксс

начать хорошо разбираться и тогда все вопросы отпадут. 

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

[bobchinskiy]

если высота блока с фоновой картинкой фиксированая, то можно использовать центрирование по горизонтали background-position:center; , по вертикали по усмотрению;

если высота уменьшается при сужении экрана то использовать можно background-size:cover; а можно и первый вариант.  все зависит от конкретной ситуации.

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

вот примерно такое

Пример сайта

Edited January 8, 2015 by bobchinskiy

[raptor-dm]

 

если высота блока с фоновой картинкой фиксированая, то можно использовать центрирование по горизонтали background-position:center; , по вертикали по усмотрению;

если высота уменьшается при сужении экрана то использовать можно background-size:cover; а можно и первый вариант.  все зависит от конкретной ситуации.

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

вот примерно такое

Пример сайта

 

ну раз сайт фиксированной ширины, то горизонтальное центрирование я бы использовал.