Научите верстать или помогите хотя бы

Буду краток и без предисловий. Уже неделю бьюсь и всё никак не могу научиться делать "элементарную" резиновую вёрстку на CSS.

Вот пример, который я нарисовал, порезал и сверстал в таблицах минут за 10. И бьюсь уже 7-ой день как, не могу это всё нормально сверстать на CSS.

Будьте милостивы, помогите. Посылать ссылками не нужно. Я уже столько про CSS вычетал, что мне от него плохо, но сверстать именно так, как в примере, я нигде даже варианта на CSS не встречал.

Вот RAR архив моей вёрски (со всеми файлами), поглядите, попробуйте и поймёте, как это просто делать в таблицах и как блин тяжко на этих CSS дивах.

Рекомендую почитать

  • MSN (Live) вернул команды link и linkdomain
  • Как посмотреть бэки на сайт? (Яндекс)
  • Кто же делает вообще сайты?

  • news2.ru
    vaau.ru newsland.ru | bobrdobr.ru linkstore.ru mister-wong.ru rumarkz.ru memori.ru moemesto.ru | google.com del.icio.us technorati.com


    Комментов: 5 - к посту “Научите верстать или помогите хотя бы”

    1. (1)
      Roland Chanishvily Сказал:

      А может тогда оставить в таблицах? Чего мучатся то?

    2. (2)
      JawsIk Сказал:

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

    3. (3)
      Алексей Саминский Сказал:

      Из текста непонятно, что у Вас не получается, но могу предположить, что не удается сделать "уголки" сверху и снизу.

      Каждый "горизонтальный разрез" должен быть блоком шириной 100%, блоки внутри- выравнены налево и направо, т.е. структура html будет примерно такая:

      [div заголовок 100%]
      [Div блок с обтеканием слева]... [/div]
      [Div блок с обтеканием справа]... [/div]
      [Div блок центральный]... [/div]
      [\div заголовок]

      [div тело 100%]
      [Div блок с обтеканием слева]... [/div]
      [Div блок с обтеканием справа]... [/div]
      [Div блок центральный]... [/div]
      [\div тело]

      [div подвал 100%]
      [Div блок с обтеканием слева]... [/div]
      [Div блок с обтеканием справа]... [/div]
      [Div блок центральный]... [/div]
      [\div подвал]

    4. (4)
      JawsIk Сказал:

      Так то оно так, я давно уже сложил всё это в подобной структуре, даже пробовал в некоторых других последовательностях, но результата так и не добился.

    5. (5)
      Дмитрий Сказал:

      Еще одна трудность, чтоб примерно одинаково смотрелось в разных браузерах.

      Возьмусь за скромное вознаграждение :)

    Милый друг, не скучай! Комментарий оставляй!