Верстка

html css веб дизайн верстка

Шапка всегда вверху, футер всегда внизу.
Контент должен быть в центре экрана пользователя. Контент небольшой, квадратный, и сайт должен обходится без скроллинга.
Как отцентровать контент относительно шапки и футера. А футер, в свою очередь, зависел не от контента, а от экрана, и висел всегда внизу. Но и на контент не заползал при масштабировании или изменении размеров окна браузера..
Подскажите, пожалуйста, я совсем запутлс :с

Примечание:
Сайт сам по себе не большой, и материал там, картинка-текст, и много места это не занимает, и высота всегда фиксированная. То есть, этакий квадрат с материалом, положение которого всегда центрируется в зависимости от экрана пользователя.
Т.е. таблица height:100%, у футера и шапки 100px.. и контент 100%.

Примечание:
Всем большое спасибо, заработало как надо, сделала страницу из двух строк, футер, прибитый к низу, отдельно.
Ответы:
Если я все правильно понял, тегами <center></center>.
А что будет с контентом если он физически не помещается между шапкой и подвалом? Как обойтись без скролинга?
Посмотрите примеры по ссылке, возможно, что-то подойдёт. Может понадобится что-то подправить под Ваши нужды.
уберите рамку у .main


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.