Проблема с футером!

Статус
Закрыто для дальнейших ответов.

brokkoli7

New Member
Регистрация
14.01.2013
Сообщения
5
Здравствуйте уважаемые веб-мастера.
У меня на сайте проблема с отображением футера: он не крепится к концу страницы (хотя wrapper сделан)...
Футер "залазит" наверх.
Вот как выглядит это убожество: http://gelcore.ru/-copy-05-01-2013-08-16-10/ Уже и не знаю что делать...
Подскажите, пожалуйста, в чем может быть проблема?
 

npofopr

Well-Known Member
Регистрация
03.08.2010
Сообщения
220
добавьте врапперу overflow:hidden;
 

slesh

New Member
Регистрация
09.06.2012
Сообщения
7
Всем здравствуйте!
А можно подробней (если конечно есть свободное время и желание) рассмотреть этот случай.
Почему wrapper не принял высоту дочерних блоков?
 

HayPro

Member
Регистрация
14.01.2013
Сообщения
15
Почему wrapper не принял высоту дочерних блоков?
Он не принял высоту дочерних блоков из-за наличия у этих блоков
Код:
float: left
Для решения проблемы добавьте после тегов со стилем float: left блок со свойствами

Код:
clear: both;
height: 1px;
overflow: hidden;
Примерно так:
Код:
<div id="content">
<div id="left">...</div>
<div id="right">...</div>
<div id="dopleft">...</div>
<div class="clear-div"></div>
</div>
Код:
.clear-div {
clear:both;
height:1px;
overflow:hidden;
}
Данный пример привожу из собственного проекта. Сам мучался с этой проблемой.
 

sarhov

Member
Регистрация
27.06.2012
Сообщения
21
Всем здравствуйте!
А можно подробней (если конечно есть свободное время и желание) рассмотреть этот случай.
Почему wrapper не принял высоту дочерних блоков?
Почему wrapper не принял высоту дочерних блоков?
Он не принял высоту дочерних блоков из-за наличия у этих блоков
Код:
float: left
Для решения проблемы добавьте после тегов со стилем float: left блок со свойствами

Код:
clear: both;
height: 1px;
overflow: hidden;
Примерно так:
Код:
<div id="content">
<div id="left">...</div>
<div id="right">...</div>
<div id="dopleft">...</div>
<div class="clear-div"></div>
</div>
Код:
.clear-div {
clear:both;
height:1px;
overflow:hidden;
}
Данный пример привожу из собственного проекта. Сам мучался с этой проблемой.
можно еще проще, без лишней разметки в хтмл, просто

Код:
#wrapper:after{
content:"";
display:block;
clear:both;
}
 

KDES70

Well-Known Member
Регистрация
16.02.2012
Сообщения
73
можно задать абсолютивное позиционирование и прижать к низу bottom:0:
 

mrlasking

$_GET['rich'] or die('trying');
Регистрация
22.05.2012
Сообщения
323
[member=KDES70], ... и выпить яду. Не давайте новичкам плохих советов.
 

brokkoli7

New Member
Регистрация
14.01.2013
Сообщения
5
Спасибо всем за советы! Благодаря Вашей помощи удалось решить проблему.
 

sarhov

Member
Регистрация
27.06.2012
Сообщения
21
Спасибо всем за советы! Благодаря Вашей помощи удалось решить проблему.
Походу ты не решил проблему, у тебя врапер все ровно не идет до конца, ты просто увеличил верхний маргин футера, убери верхиний маргин футера, врапера став как уже сказал выше, или просто хотя бы
Код:
overflow:hiiden
 
Статус
Закрыто для дальнейших ответов.
Верх Низ