Как мне избавиться от пустого пространства по бокам моего сайта? Повторите фон? изменить размер div? Я заблудился

0

Как мне избавиться от пробелов по обе стороны моего сайта?

Я хочу, чтобы backgound был гибким, чтобы соответствовать окну браузера для любого размера. Я думаю, мне нужно изменить размер контейнера div, но у меня много проблем.

http://www.dropshiplounge.com/

  • 0
    Ваше изображение bg и полоса сверху могут быть превращены в маленькие повторяющиеся изображения. Вы пытались играть с этим?
  • 0
    Джоэл, я собираюсь попробовать. Я нарежу изображения BG и повторю их
Теги:
background
resize

2 ответа

0

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

margin:0 auto;

Все, что находится на вашем сайте, построено с точностью до спецификации ширины обертки. На наиболее отзывчивых сайтах по-прежнему имеется обертка страниц и максимальная ширина. Если это пустое пространство, которое беспокоит, задает фон для элемента body

body{background:color;}

или для изображения

body{background-image:url('background_image_url')}

Хотя я не самый большой поклонник W3C, обратитесь к этому за дополнительной информацией, если вы застряли - http://www.w3schools.com/css/css_background.asp

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

0

Является ли эта скрипка более или менее то, что вы ищете?

Я удалил жестко-кодированную ширину на global_container_ и установил width: 100%; на заголовке, а также repeat-x для фона header. Я удалил float: left; из header и его дочерних элементов, и убедитесь, что дочерние элементы имеют left- и правое поле auto. Я также удалил жестко-кодированную ширину из headline, но вам нужно будет переместить bottomline линию за пределы ее контейнера, если вы хотите также иметь полную ширину (или удалить жестко-кодированную ширину из контейнера).

Кроме того, я не думаю, что я должен был изменить это в скрипку, но вы, возможно, потребуется удалить clearfix класс от global_container_, или установить его display: block; для того, чтобы полная ширина вступила в силу.

Это та же идея для footer - установите ее на width: 100%; и отрегулируйте прокладку нижнего колонтитула и дочерних элементов, пока они не будут размещены там, где вы хотите.

  • 0
    Николь, на веб-сайте скрипки это выглядит хорошо, но когда я обновляю код, сайт оказывается немного прикольным. теперь он живёт на dropshiplounge.com
  • 0
    Можете ли вы описать, что вы подразумеваете под фанки? Вы имеете в виду нижний колонтитул? Я не добавил стили для нижнего колонтитула в скрипку, потому что это та же идея, что и для заголовка. Кроме того, похоже, что многие из упомянутых мной изменений еще не были внесены в живой сайт ...
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню