Расширение нижнего колонтитула до краев окна (слева и справа)

Question

При разработке моего сайта на http://filmblurb.org, у меня проблемы с нижним колонтитулом.Для моего нижнего колонтитула я пробую что-то новое, я делаю таблицу, которая простирается до внешних краев окна браузера, а остальная часть содержимого (например, записи, ползунок jQuery и т. Д.) Меньше ширинынижний колонтитул.

Для моего нижнего колонтитула у меня есть таблица в таблице, каждая из которых содержит одну ячейку каждая.Я хочу, чтобы внешняя таблица растянулась до 100% окна браузера, и я планирую использовать это, поместив какое-то фоновое изображение.Перед этим и в этой таблице я планирую поместить содержимое моей нижней колонтитула (т.е. карту сайта, контактную информацию, информацию об авторских правах и т. Д.) В эту ячейку, которая будет занимать 960 пикселей.Эта ширина также равна ширине остальной части моего контента на домашней странице моего сайта.

Если кто-то может помочь мне в этом, я был бы очень признателен.(Если это поможет, я использую Wordpress 3.2.1.)

Answer 1

Первое, что вам нужно сделать, это установить div#footer в правильное положение.

Итак, удалите position:absolute; и height:1em;

Затем добавьте float и width

#footer {
   float: left;
   width: 100%;
}

Прямо сейчас ваш div#footer находится внутри вашего div#wrap, который удерживает его по центру и ограничивает охват всей ширины окна.

Удалите его из #wrap и поместите его под div, если хотите, чтобы он занимал всю страницу.

Наконец, не используйте table s для не табличных данных. Вместо этого используйте div s.

Answer 2

Я бы посоветовал вам не плавать нижний колонтитул влево, если вы сделаете ширину 100%.Посмотрите, что вы делаете.

Добавьте этот код к вашему CSS, и каждый элемент будет отцентрирован, за исключением случаев, когда вы по отдельности перемещаете их влево или вправо.

• {margin-top: 0;поле справа: авто;нижнее поле: 0;поле слева: авто;}