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

http://avtomat5.ru/ · July 24, 2012

Здравствуйте. Помогите, пожалуйста, у меня проблема, с футером. Во всех браузерах отображается нормально, в Хроме и Сафари - косяки. Косяки в тех местах, где применялося отрицательный margin.Что делать?

Сайт: http://avtomat5.ru/

<body>
<div id="all">
<div id="footer1"> </div> <!-- Пытался решить с помощью дополнительного дива, не помогло  -->
<div id="footer">
</body>
</html>

#footer {
background-image:url(../images/footer.png);
background-repeat:no-repeat;
background-color:#E9EDF1 ;
margin:0 auto;
padding-bottom:15px;
text-align:center;
height:85px;
margin-top:-85px;
width:1090px;
clear:both !important;}

html {
height: 100%;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFFF;}

body {
line-height: 1;
background-color: #FFFFFF;
height: 100%;
min-width:100px;
font-family: "Myriad Pro",tahoma,arial,verdana,sans-serif,Lucida Sans;}

Код необходимо оборачивать в спец. теги. В старые темы влазить не надо. Новый вопрос - новая тема.

Edited July 24, 2012 by http://avtomat5.ru/

USF · July 24, 2012

а в чем, собственно, косяк? в появлении вертикальной прокрутки?

она появляется из-за padding'a, который увеличивает реальную высоту футера. margin-top:-100px; исправит ситуацию

http://avtomat5.ru/ · July 24, 2012

а в чем, собственно, косяк? в появлении вертикальной прокрутки?
она появляется из-за padding'a, который увеличивает реальную высоту футера. margin-top:-100px; исправит ситуацию

%D0%91%D0%B5%D0%B7%D1%8B%D0%BC%D1%8F%D0%BD%D0%BD%D1%8B%D0%B9.png

прикрепил изображение с показом ошибки.

USF · July 24, 2012

у меня хром, проблемы нет)

а чтобы не было везде в контент вставьте еще один div с высотой аналогичной высоте футера

http://avtomat5.ru/ · July 24, 2012

у меня хром, проблемы нет)
а чтобы не было везде в контент вставьте еще один div с высотой аналогичной высоте футера

Да, но тогда это отразиться в других браузерах - увеличиться расстояние от футера и ближайшего дива (контанта).

David_Blane · July 25, 2012

как писалось выше, тебе надо поменять верхний маржин у футера на полную его высоту (восота блока=фактическая высота+бордеры+паддинги) и на блок с контентом повесить нижний паддинг, равный полной высоте футера. Так же на футер надо дать position:relative.

Sign In

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

Question

http://avtomat5.ru/

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

USF

Link to comment

Share on other sites

http://avtomat5.ru/

Link to comment

Share on other sites

USF

Link to comment

Share on other sites

http://avtomat5.ru/

Link to comment

Share on other sites

David_Blane

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information