Вложенность DIVов

Мне видится, здесь Справочник по CSS будет кстати. Только вчера по-чайниковски верстал шаблон, очень пригодилось. Как раз с вложенностью и наследованием были проблемы.

Семантически div представляется как блок - вот и вся логика.

Читайте спецификации html 4.01 и html5

Не ясна суть проблемы.

Дивы должны вкладываться друг в друга КОРРЕКТНО ☝

<div class="someclass1">

  <div class="someclass2">

    <div class="someclass3">

    </div>

  </div>

</div>

Почитайте букварь - http://www.webmascon.com/

А потом переходите на блоги по теме, например http://www.webmascon.com/ и http://dimox.name/

Вот что не понятно.

Я пробую верстать легкую консрукцию, фот состоит из двух рисунков. Почему начинать нужно обязательно с низу? То есть, главный контейнер, потом рисунок фона нижний, в этот блок уже рисунок фона верх.

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

<div id="conteyner">

<div id="fon_botton">

<div id="fon_top">

<div id="content">

</div>

</div>

</div>

</div>

Фон без разницы в каком порядке накладывать, если вы его (фон) правильно позиционировали. Без контента фон не показывается, скорее всего потому что у вас блок не фиксированной высоты, значит высота у него появляется только когда вы внутрь какой-то контент кладете.

Да верно, я уже разобрался, спасибо!

Чего начинать?

Фон состоит из двух изображение, сначало нижний рисунок, а уже в него верхний див изображения.

mishanya84, можно использовать некроссбраузерный multiple-background.. Можно в 1 div, вложить два чилд div'a.. Для первого - верхний фон, для второго - нижний и задать им margin:0;padding:0; чтобы они склеились.

А IE 6 и 7 как?