Вопрос по css - почему футер "наползает" на меню?

P
На сайте с 06.01.2009
Offline
601
1483

Ребят, помогите кто может.

Классический вариант сайта - шапка, левое меню, правое меню, внутренняя часть (контент), футер.

Левое меню достаточно длинное. Если контента мало - то футер (в футере есть линия штриха), так вот футер наползает на левое меню (линия штриха проходит сквозь левое меню).

Как с этим багом справиться? Спасибо

вот собственно зарисовал что смог. Но первой картинке - так как надо. На второй - собственно баг.

png 122602.png
png 122603.png
S3
На сайте с 18.04.2011
Offline
109
#1

попробуй перед дивом футера вставить чтонить типа

<div class="clear"></div>

или

<br clear="all" />
S9
На сайте с 09.10.2008
Offline
128
#2

Желательно бы css свойства посмотреть футера.

display: block стоит?

P
На сайте с 06.01.2009
Offline
601
#3
scream9:
Желательно бы css свойства посмотреть футера.
display: block стоит?

Спасибо. Вот. Посмотрите, пожалуйста.


.footer{margin:15px 10px 5px 20px; background:url(../../img/bg-footer.gif) top repeat-x; height:140px;}
.footer-left{ width:900px; height:auto; float:center; padding:15px 10px 1px 10px; }
.footer-text{font-size:10px; color:#6d6b6b; font-family:"Times New Roman", Times, serif; padding-left:1px;}
.copyright{font-size:10px;}

а вот из css


.main-sides{background:url(../../img/bg.gif) center repeat-y;}
.main{background:#ffffff; width:1000px; height:auto; margin:0 auto;}
.clear{font-size:1px; height:1px; clear:both;}
.
.
.
/* начало стилей футера */
<div class="footer">
<div class="footer-left">
<div id="menu-footer" align="center">
<ul>
<img src="/img/еее.gif" width="225" height="47" alt="" title="" />
<div class="copyright" align="center">&copy; www.ччч.ru<br><a href="http://www.ччч.ru/">сайт</a></div>
телефон (499)....
</ul>
</div>
</div>

<div class="clear"></div>
<div class="copyright" align="center"></div>
<div class="contacts"></div>
</div>
/* конец стилей футера */

</div> /* закрыли <div class="main-sides">
</div> /* закрыли <div class="main">

</body>
</html>


---------- Добавлено 09.04.2013 в 19:19 ----------

sok3535:
попробуй перед дивом футера вставить чтонить типа
<div class="clear"></div>

или
<br clear="all" />

Отлично, спасибо, это помогло. Любой из вариантов избавил меня от этого бага.

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