Я новичок в создании макетов с помощью CSS (я давно не занимался веб-дизайном), и я не могу понять, как заставить нижний колонтитул страницы отображать внизу как я хочу.
Требования:
-Отображение в нижней части содержимого, если содержимое превышает вертикальный размер области просмотра
-Отображение в нижней части области просмотра, если область просмотра превышает вертикальный размер содержимого.
Код, который я использую, устанавливает нижний колонтитул в нижней части области просмотра, но если я выберу браузер меньшего размера, чем содержимое, он просто покрывает содержимое.
Код:
<div style="background-image:url(footer_bg.jpg); background-position:bottom; background-repeat:repeat-x; height:235px; width:100%; bottom:0px; position:absolute;"></div>
Моя главная цель - создать нижний колонтитул с текстом (т.е. информацией о компании, контактной информацией) и фоновым градиентом. Я бы хотел, чтобы фон нижнего колонтитула занимал всю ширину страницы, но я не знаю, смогу ли я сделать это с 960 gs div.
РЕДАКТИРОВАТЬ: Я хотел бы сделать это со всеми CSS, без сценариев, если это возможно.
Я нашел хороший код для получения нижнего колонтитула CSS по этой ссылке:
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
Основная проблема, с которой я сейчас сталкиваюсь при реализации этого с 960gs - это float:left; в 960gs CSS. Кажется, это мешает моим сеткам вертикально расширять родительский элемент <div>. Тем не менее, если я удалю поплавок, 960gs, похоже, не будет работать.
Ниже приведена ссылка с удаленным поплавком. Столбец 'a' - это grid_7 suffix_1, а столбец 'b' должен быть grid_4 в том же container_12. Другими словами, они должны быть рядом друг с другом.