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

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

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

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

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

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

  • MSN (Live) вернул команды link и linkdomain
  • Кто же делает вообще сайты?
  • В SERP за два дня - 30 сервисов закладок в помощь вебмастеру
  • Комментарии: 5 »

    1. Roland Chanishvily пишет:

      12.05.2008 @ 13:31

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

    2. ZUMA пишет:

      12.05.2008 @ 13:41

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

    3. Алексей Саминский пишет:

      14.05.2008 @ 20:10

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

      Каждый “горизонтальный разрез” должен быть блоком шириной 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. ZUMA пишет:

      22.05.2008 @ 13:31

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

    5. Дмитрий пишет:

      28.05.2008 @ 22:23

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

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

    RSS подписка на комментарии к этой статье

    Оставить комментарий