1

Необходимо было реализовать прижатие футера у низу страницы. Нашел замечательный способ (использовал второй).

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

Как это можно исправить?

5
  • 1
    Все в порядке. Вот проверьте: cssdesk.com/qfX7v Логика такая. Нижний элемент плавающий, он будет перекрывать элемент контента (в примере section), и потому снизу добавляем отступ в висоту подвала (footer).
    – Gordio
    9 июл 2012 в 20:00
  • Если самому пока сложно одолеть такую верстку, то можно воспользоваться онлайн генератором
    – Deonis
    9 июл 2012 в 20:23
  • @Gordio, нет, не все в порядке. Попробуй уменьшить ширину окна и увидишь, что текст обрезается. 11 июл 2012 в 9:56
  • Ах. Так это дело 5 минут. Для html и или body ставим min-width: 600px;
    – Gordio
    11 июл 2012 в 10:00
  • Убрал "Яндекс элементы" со страницы - проблемы больше нет. Спасибо за помощь! 11 июл 2012 в 10:24

1 ответ 1

1
#footer{
    max-height: 100%; //максимальная ширина
    overflow-x: scroll; //прокрутка у блока если контент не поместился 
}
7
  • @Rules, так ведь не надо обрезать. 10 июл 2012 в 21:50
  • А что надо делать если размер футера не вмещяется по ширине в окно браузера?
    – Rules
    11 июл 2012 в 6:33
  • @Rules, олжен появиться горизонтальный скроллинг как минимум 11 июл 2012 в 9:22
  • А, тогда изменил ответ... P.S >должен появиться горизонтальный скроллинг как минимум а >как максимум что?
    – Rules
    11 июл 2012 в 15:40
  • Да, спасибо, уже разобрался. P.S. В новом ответе неверный комментарий к коду. P.S.S. В идеале должен получиться Responsive Web Design. 11 июл 2012 в 15:59

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.