Блоки друг за другом

[LostCost]

Добрый день, форумчане. Возник такой вопрос, сейчас верстаю статичные страницы сайта, оформляю заглавную, вроде бы все не сложно, но.

Необходимо поставить два блока друг за другом, в ряд, + так, что бы они оставались по центру страницы. На данный момент решения я до сих пор не придумал, для показательности того, что я хочу, я вписал в таблицы стилей: "position"; результат.

Интересующие блоки - "Актуальные новости".

На тематику и графическое оформление прошу не обращать внимания, она была выбрана случайна и накалякана просто так

[RiG]

<div style='float:left;width:ширина блока'>первый блок</div>
<div style='margin-left:ширина первого блока;'>второй блок обтекает первый слева</div>

Грубо говоря так

А для центрирования суём эти блоки в div и прописываем ему margin:0 auto;

[Shotgun]

и будут они у тебя слева потому что любой div по умолчанию 100%

да и вообще, а вдруг ширина блоков не фиксированная тогда я сам хз, что делать

<div style="margin:auto;width:600px;">
  <div id="recent1" style="width:300px;float:left;">Актуальная новость раз</div>
  <div id="recent2" style="width:300px;float:left;">Актуальная новость два</div>
  <div style="clear:both;"></div>
</div>

Edited March 15, 2011 by Shotgun

[LostCost]

Получилось. Ширина блоков фиксирована, так что все ок.

фикс тут.

Если будет решение для подобной задачи, но с не фиксированной шириной блоков, было бы здорово его увидеть

Кстати, мб кто нибудь выложит такое решение куда нибудь на всеобщее обозрение. Ато я ведь искал изначально, ничего не нашел мб кому еще понадобится.

p.s. решение как всегда простое, обидно, что сам не додумался.

p.p.s. осталось теперь найти пряморукого дизайнера и вобщем то задача выполнена =)

Спасибо, еще раз.

Edited March 15, 2011 by LostCost