Как мне избавиться от пробелов по обе стороны моего сайта?
Я хочу, чтобы backgound был гибким, чтобы соответствовать окну браузера для любого размера. Я думаю, мне нужно изменить размер контейнера div, но у меня много проблем.
Ваш сайт был создан с использованием фиксированной ширины и поля, который выравнивает его в середине страницы, используя это правило в вашем css.
margin:0 auto;
Все, что находится на вашем сайте, построено с точностью до спецификации ширины обертки. На наиболее отзывчивых сайтах по-прежнему имеется обертка страниц и максимальная ширина. Если это пустое пространство, которое беспокоит, задает фон для элемента body
body{background:color;}
или для изображения
body{background-image:url('background_image_url')}
Хотя я не самый большой поклонник W3C, обратитесь к этому за дополнительной информацией, если вы застряли - http://www.w3schools.com/css/css_background.asp
Если вы обеспокоены тем, что ваш сайт не отвечает на разные размеры экрана и размер браузера, подумайте о найме профессионала, чтобы перепроектировать ваш сайт для гибкого дизайна.
Является ли эта скрипка более или менее то, что вы ищете?
Я удалил жестко-кодированную ширину на global_container_
и установил width: 100%;
на заголовке, а также repeat-x
для фона header
. Я удалил float: left;
из header
и его дочерних элементов, и убедитесь, что дочерние элементы имеют left- и правое поле auto
. Я также удалил жестко-кодированную ширину из headline
, но вам нужно будет переместить bottomline
линию за пределы ее контейнера, если вы хотите также иметь полную ширину (или удалить жестко-кодированную ширину из контейнера).
Кроме того, я не думаю, что я должен был изменить это в скрипку, но вы, возможно, потребуется удалить clearfix
класс от global_container_
, или установить его display: block;
для того, чтобы полная ширина вступила в силу.
Это та же идея для footer
- установите ее на width: 100%;
и отрегулируйте прокладку нижнего колонтитула и дочерних элементов, пока они не будут размещены там, где вы хотите.