DIV-верстка

В div-верстке чайник, поэтому прошу разжевать, как младенцу.
Вопрос 1. Необходимо некий объект выровнять по вертикали по центру по всей высоте браузера. В таблице это выглядит так:

<table cellpadding="0" cellspacing="0" width="200" align="center" border="0" height="100%">

   <tr>

      <td valign="middle" align="left">

         <span>Все будет. Пока только <a href="http://d2ar.livejournal.com">блог</a>.<br><a href="mailto:***">Пишите</a>.

         </span>

      </td>

   </tr>

</table>

По логике вещей, при верстке div'ами это будет выглядеть вот так:

<div class="main">Все будет. Пока только <a href="http://d2ar.livejournal.com">блог</a>.<br><a href="mailto:***">Пишите</a>.</div>


Класс main:

.main

{

   height: 100%;

   vertical-align: middle;

   width: 100%;

}

Либо у меня страдает логика, либо это реализовывается как-то по-иному.

Вопрос 2. Очень ламерский. Можно в div вклывать div, т.е. вида <div><div>asd</div></div>?

1. это реализовывается как-то по-иному
2. да, можно.

SmartDesign, спасибо

Ну помотри примнры levele.extasy-cms.com хотя бы.
Почитай какие свойства есть у DIV'a

_az_, то, что вы написали действует не так, как вы думаете. vertical-align:middle означает "выравнивание по центру текстовой строки". То, что вы хотите, сложно реализуется средствами CSS. И вообще противоречит идеологии блочной верстки. Это тот случай, когда надо использовать таблицы.

Если по каким-то причинам такое всё же необходимо, надо как-то работать с абсолютным позиционированием. Например:

html, body {

    margin: 0;

    padding: 0;

}


.main {

    position: absolute;

    text-align: center;

    top: 50%;

    width: 100%;

}

Это работает, но по вертикальному центру экрана располагается верхняя граница блока, а не его центр. Чтобы исправить это, надо усложнять. Усложнять можно по-разному, например, отрицательным значением margin-top.

Почитайте вот это: ссылка

andrej, спасибо. Так, возможно, будет даже лучше.