Форум Сайтостроение Веб-строительство

Footer который портит мне жизнь.

B
На сайте с 10.01.2012
Offline
42
brokkoli
514

Добрый день уважаемые вебмастера!

У меня проблемы с футером. Никак не могу прижать его к концу документа...

Структура макета такая - 

<body>

<div id="wrapper">

<div id="header">

...бла бла бла...

</div><!-- #middle-->

</div><!-- #wrapper-->

<div id="footer">

</div>

</body>

</html>

В CSS так: 

#footer {

	width: 1200px;

	margin: -73px auto 0;

	height: 73px;

	border:solid 1px #333333;

position: relative;

}

Но футер не прижимается к нижнему краю документа (посмотреть можно здесь: http://stellaji-pro.ru/stati/)

В чем может быть проблема?

-O-O-
На сайте с 27.05.2006
Offline
140
-O-O-
#1

у #wrapper, height: auto !important; убираю в хроме и футер опускается вниз.

и #middle - height: 100%, вместо 1%

B
На сайте с 10.01.2012
Offline
42
brokkoli
#2
-O-O-:
у #wrapper, height: auto !important; убираю в хроме и футер опускается вниз.
и #middle - height: 100%, вместо 1%

убрал у wrapper height:auto !important;

у middle поменял на 100%

но отображается все равно некорректно. Теперь футер прижат к низу но вот так:

Uploaded with ImageShack.us

-O-O-
На сайте с 27.05.2006
Offline
140
-O-O-
#3

Уберите див footer из #wrapper, сделайте его под ним.

И у #middle height уберите :)

еще для #wrapper поменять margin: 5px auto; на margin: 0 auto; т.к. прокрутка появляется.

[Удален]
#4

http://csstemplater.com/

Добавьте себе в закладки.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий