Моя главная страница имеет пустое место в нижней и правой части. Могу ли я "отцентрировать" мою главную страницу и установить фоновое изображение?

Question

Вот как это выглядит прямо сейчас:

мой скриншот

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

Answer 1

Горизонтальное центрирование может быть достигнуто, оборачивая содержимое, которое вы хотите центрировать в div, и применяя стиль:

margin-left: auto;
margin-right: auto;

до указанного дивизиона.

Это позаботится о вашей проблеме пространства справа. Вы также можете разместить фоновое изображение (повторяющееся или нет) с помощью CSS.

Вашей большой проблемой будет вертикальное центрирование. Насколько я знаю, в настоящее время нет простого кросс-браузерного (в том числе IE6 / 7) способа сделать это. Я хотел бы, чтобы другой пользователь ошибся здесь. :)

Answer 2

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

Извините, я не осознавал, что ваша страница была только частью экрана.

Почему бы не разделить ваш сайт на части (div) и использовать гибкий макет? Вот статья от Smashing Magazine о фиксированной и жидкой раскладках.