Некорректное отображение сайта в вертикальной ориентации на мобильных и планшетных устройствах

Question

[Alex_Tysel]

Код:
yadi.sk/d/a4EzQWG8LNf5S

В горизонтальной ориентации все правильно отображается.Но стоит перевернуть планшет или телефон,то вот что выходит(см.изображение).Пробовал задать для body задать высоту и минимальную высоту на 100%.Но не помогло.Что делать,скажите пожалуйста?

Comments

[Сергей Мельников]

а что конкретно не так отображается?

Answer 1

[Александр Хиренко]

Использовать медиа запросы в CSS
habrahabr.ru/post/119127

Comments

[Alex_Tysel]

у меня нет проблем в горизонтальной ориентации не с шириной,не с высотой,появляется только проблема при вертикальной ориентации экрана,сайт почему-то не растягивается на всю высоту.

[Александр Хиренко]

@Alex_Tysel ну так покажите код, будем смотреть. В браузере все нормально при сжатии?

[Alex_Tysel]

Да,Все нормально

[Alex_Tysel]

@Satanpit обновил,код выше

[Александр Хиренко]

@Alex_Tysel лучше ссылку на сайт дайте)

[Alex_Tysel]

@Satanpit kinder-shminder.od.ua

Answer 2

[Александр Хиренко]

Вам нужно задать высоту 100% не только body но и html и .wrapper + footer абсолютным позиционированием привязать вниз (bottom:0), а в блоке контента делаете отступ снизу в высоту футера.

Comments

[Alex_Tysel]

Сейчас попробую)