Как сделать такую структуру сайта?

Question

[Alice]

Хочу на своем сайте сделать такую же структуру, как на этом сайте: ldl-tech.com/en/home
То есть, чтобы блок с содержимым сайта занимал не всю страницу, а под ним был другой background. Как это сделать? Неудачно пробовала заключать основное содержимое сайта в div, получилось криво и совсем не то, что хотелось бы.

Comments

[ink]

team viewer есть ?

Answer 1

[chimir]

пробовала заключать основное содержимое сайта в div

Вы все правильно делали, содержимое оборачиваете в контейнер, центруете его(контейнер), а для боди задаете фон

получилось криво и совсем не то, что хотелось

что не получилось?

Comments

[Alice]

Отступ появлялся только с одной стороны. Но я не центрировала и не добавляла margin, думаю, поэтому и не работало

[chimir]

Alice: это будет примерно так https://jsfiddle.net/et26agzL/

[Alice]

chimir: я пытаюсь так же поставить background-ом изображение, скачанная на компьютер (в папке images, в одной папке со страницей сайта). Но почему-то не работает. Что может быть не так?

[chimir]

Alice: в css не правильно прописан путь относительно картинки.

[Alice]

chimir: я прописываю как " background-image: url("images/bg.jpg"); ", но при просмотре страницы сайта в браузере изображение не отображается.

[chimir]

Alice: css у вас где лежит, если в отдельной папке, то путь должен быть background-image: url("../images/bg.jpg");

[Alice]

chimir: перенесла css, картинку и страницу сайта в одну папку, в указании пути оставила только название картинки, но все равно она не отображается.

[chimir]

Alice: так гадать можно долго, показывайте код

[Alice]

chimir: извините, пожалуйста, что я отняла у вас так много времени, но последняя ошибка отображения - это уже исключительно мои кривые руки (css я не переместила, а скопировала). Исправила эту ошибку и картинка стала отображаться. Огромное вам спасибо за ответы на вопросы, вы мне очень помогли!

[chimir]

Alice: Пожалуйста, в качестве благодарности пометьте ответ как правильный :)

Answer 2

[Дмитрий Грабко]

background-image устанавливается у body - это будет основной фон сайта, а контент заключается в основной div с заданной шириной и расположением по центру. E body устанавливаются отступы (padding) сверху и снизу.
Пример:

.center{    
    width: 1268px;
    margin: 0 auto;
    background-color: #FFFFFF;
}

Answer 3

[olezhenka]

в теге body добавь стили задний фон и паддинг верх и низ

и внутри body добавь div и в этот див пропиши width 97% и margin 0 auto