Правильная раскладка блоков для оптимизации

[bob_24]

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

Допустим надо сделать такой простой макет:

Обычно в интернетах для такого макета пишут что-то вроде этого:

<div class="container">
    <div class="header"></div>
    <div class="content-wrapper">
        <div="sidebar"></div>
        <div="content"></div>
    </div>
    <div class="footer"></div>
</div>

Как видно блок content находится далеко не в начале. Вывести его вперед в блоке content-wrapper просто, если задать width:100%, float:right, margin-left:-'ширина sidebar' и т.д., а блоку sidebar поставить float:left. Но остается еще header. Вот тут я вариант вижу только один - расположить его после content-wrapper и позиционировать его абсолютно относительно container. И получиться так:

<div class="container">

    <div class="content-wrapper">
        <div="content"></div>
        <div="sidebar"></div>        
    </div>
    <div class="header"></div>
    <div class="footer"></div>
</div>

Но на сколько я знаю position:relative советую особо не использовать, а тут это св-во у самого главного блока container.

Собственно хотелось бы услышать мысли на тему:

1. стоит ли вообще заморачиваться с тем что бы двигать content к верху?

2. если да, то годиться ли приведенный выше способ?

3. какие еще есть варианты решения кроме абсолютного позиционирования header?

Edited September 7, 2011 by bob_24

[Vlad]

У вас слегка устаревшие интернеты, поисковики нынче прекрасно индексируют контент независимо от того, идёт он первым или вторым. width:100%, float:right - вот эта конструкция говорит о том, что вы явно читаете не те книги или посещаете не те сайты. Лет 5-10 назад да, было дело, сейчас так не пишут.

Методов решения же несколько, зависят они от общей ширины макета, как заданы размеры колонок, но в целом кратко так. Вначале ставится та колонка, которая должна идти первой и для неё указывается float (left или right) и ширина, второй колонке ставится margin-left или margin-right. Также можно через комбинацию relative-absolute делать. Всё это на сайте описано, надо будет, найдёте.

[psywalker]

bob_24,

Не знаю, я бы наверное такой бы вариант выбрал http://psywalker.ru/Forum/Column/Untitled-2.html

А вообще Влад прав. Это всё уже старые заморочки.

[bob_24]

В курсе специалиста было с шириной 100% и float:right. Видимо там не особо разбираются в верстке. Ну да не суть. А за ответ на первый вопрос спасибо.