HTML вёрстка в три колонки

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

Делаю таким образом:

.sidebar-left {
float:left;
width:227px;
}
.sidebar-right {
float:right;
width:194px;
}

<div id="main">
<div class="sidebar-left">sidebar-left</div>
<div class="sidebar-right">sidebar-right</div>

<div class="content">content</div>
</div>

Всё замечательно работает.

Вопрос:
Как сделать так, чтобы при изменении кода на

<div id="main">
<div class="content">content</div>

<div class="sidebar-left">sidebar-left</div>
<div class="sidebar-right">sidebar-right</div>
</div>

браузер обрабатывал всё как и в первом варианте? Хочу добиться, чтобы контентная часть была выше в коде.

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

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

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