2013-07-07 4 views
-2

Может ли кто-нибудь сказать мне, почему две строки внизу этой страницы перекрываются, когда размер браузера меньше? Я экспериментировал с ним часами и не повезло!Ловушки сетки загрузочного экрана перекрываются при изменении размера браузера

Вот сайт: www.ecostructionny.com

Спасибо!

ответ

0

#wordsdiv имеет высоту, установленную на значение 122px. Поскольку макет жидкости уменьшает ширину строки, текст становится «сжатым».

Решение состоит в том, чтобы не устанавливать высоту div, а вместо этого включать элемент «clearfix» <hr>. Это можно сделать, добавив следующий код в #wordsdiv:

<hr style='border: none; clear: both'> 
+0

Это работало замечательно, кроме того, что #words в основном стилизации цвет фона позади блоков текста. Теперь, когда высота не указана, она просто выглядит как линия. Спасибо еще раз за помощь! –

+0

Также странно, что при уменьшении размера браузера карусель становится меньше, как следует, но потом становится больше. Кажется странным. –

+0

Я бы просто применил цвет фона к родительскому div '# words'. Это должно решить проблему цвета фона, не нарушая ничего другого. –