HTML, CSS - построить простую страницу

интернет программирование html css веб дизайн

Помогите сверстать простую страницу. Состоящюю из main и sidebar'а,
- всё посередине (margin:0 auto;);
- общий контейнер mix-width:1000px; max-width:1200px;
- main - width:auto;
- sidebar - width:200px (должен обтекать main);

Я не прошу написать всю страницу, просто укажите как это правильно реализовать не получается, без фиксированой ширины main ([float] sidebar не вмещяется).

<html>
<head>
<style>
html { height:100%; }
body { margin:0;overflow:hidden;height:100%; }
.header {
width:100%;
height:40px;
background:#808080;
}
#content {
min-width:1000px;
max-width:1400px;
margin:0 auto;
height:100%;
}
.main {
width:80%;
height:100%;
float:left;
background:#FFDFDF;
}
.sidebar {
width:200px;
height:100%;
float:left;
background:#C6FFE2;
}
.clear { clear:left; }
</style>
</head>
<body>
<div class="header"></div>
<div id="content">
<div class="main">Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world!</div>
<div class="sidebar">Sidebar</div>
</div>
</body>
</html>
Ответы:
Примеры вёрстки div-ами по ссылке
Попробуйте почитать здесь


11 лет назад

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

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

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