Ненумерованный список разрывает липкий нижний колонтитул

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

Кажется, что конкретно, когда я не включаю li, сохраняя ul, нижний колонтитул любит прилипать, но li на самом деле не торчат снизу, когда включены ... пробовал проверять, FF 3d моделирование, и т. д., чтобы осмотреться в поисках каких-либо признаков этого ...

ссылка на страницу, прямая ссылка CSS

Это просто дополнительное пространство под нижним колонтитулом, хотя я не могу его точно определить. Я не смог найти конкретную липкую проблему, подобную этой. Любая помощь? Спасибо

Обновление: еще одна вещь, которую я заметил, когда я удаляю тип документа, он работает нормально. Я использую тип документа html5.

Обновление 2: установка для ul значения block исправляет его, поскольку в настоящее время он является встроенной таблицей, но это лишает возможности установить для него ширину своих дочерних элементов и выровнять его с помощью text-align. я думаю, что было бы лучше как-то сохранить встроенную таблицу, а не использовать поплавки...

Обновление 3: установите UL на блокировку, LI на встроенный, таблицу и это уменьшит отступ, все еще о оставшемся пикселе, из-за которого все еще происходит переполнение ... единственная проблема теперь заключается в том, что высота / высота строки искажаются и теперь позволяют цвет фона изменение при наведении на полное расширение


person Colby    schedule 23.03.2012    source источник


Ответы (1)


Я добавил это в конец вашего CSS, и он застрял

 #footer{top:auto; bottom:0;padding:0;margin:0;overflow:hidden;}

Но это просто быстрое ленивое исправление, я настоятельно рекомендую вам вернуться к своему коду, он кажется очень сложным для такой простой структуры, попробуйте уменьшить элементы ветвления в css.

person frontsideup    schedule 23.03.2012
comment
Спасибо. Я имею в виду, что ветвление здесь предназначено для того, чтобы свернуть макет для мобильных устройств или, в частности, для размера экрана 640 пикселей, если вы это имели в виду. Я пытался сжать все в основном, что я мог - person Colby; 24.03.2012
comment
Рассматривали ли вы отдельный мобильный сайт через перенаправление, html/css рабочий стол/мобильный фреймворк отдельно или в комбинации? Попробуйте: html5boilerplate.com/mobile, stuffandnonsense.co.uk/projects/320andup - person frontsideup; 24.03.2012
comment
Хм, я на самом деле не рассматривал это. Обязательно посмотрю, спасибо! Надеясь сейчас попытаться сначала узнать, что заставляет ul/li или любой другой контейнер на сайте выше вести себя странно. - person Colby; 24.03.2012