CSS верстка страницы, проблема с центрированием

[Alexey Menshikov]

Всем привет.

 

Учусь верстать страницу на CSS, вместо таблиц. И столкнулся с проблемой.

Раньше у меня была такая табличная структура (пишу упрощенно):

<table width=100%>  <tr>    <td></td>    <td width=900>вся шапка сайта тут</td>    <td></td>  </tr></table>

Мне это давало ровную колонку в 900 пикселей по центру экрана. Также я делал и с "контент" частью, и с "футером". А на 100% растягивал, что бы если у пользователя вдруг монитор будет по ширине выдавать больше 1800 пикселей таблицы не выстроились в ряд.

 

Теперь пытаюсь перенести эту логику на CSS. Создаю шапку:

<div style="width:100%;min-height:300px;background:url(images/bg_mid.jpg) repeat-x;">  <div style="width:900px;">шапка сайта</div></div>

Первый div по идее растягивается на 100% и создают фон шапки, второй div должен быть шириной в 900 пикселей и размещен по центру. И вот с размещением по центру ничего не получается.

Как быть, может быть я не в правильном направление двигаюсь?

[IvanRu08]

Как быть, может быть я не в правильном направление двигаюсь?

Для начала я бы перенес все стили в отдельный файл. Для второго diva  нужно прописать margin: 0 auto, что бы он был по центру родительского.  

[Alexey Menshikov]

Да стили уберу в файл, это я для примера тут так.

 

Заработало, спасибо!