Вертикально выровнять div (без таблиц)

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

Вот моя разметка:

body
{
    background: #777; /* gray */
    text-align: center;
}

#container 
{ 
    margin: 0 auto;
    width: 968px;
    text-align: left;
}

#toptab
{
    background: #f77; /* red */
    height: 14px;
    width: 968px;
}

#middletab
{
    background: #7f7; /* green */
    width: 968px;
}

#data
{
    width: 948px; /* 948 for the box plus we need 20 more px to handle the padding */
    padding-left: 10px; 
    padding-right 10px;
}

#bottomtab
{
    background: #77f; /* blue */
    height: 14px;
    width: 968px;
}

    
    
        
            The quick brown fox jumped over the big red bear.
            The quick brown fox jumped over the big red bear.
            The quick brown fox jumped over the big red bear.
            The quick brown fox jumped over the big red bear.
            The quick brown fox jumped over the big red bear.
            The quick brown fox jumped over the big red bear.
            The quick brown fox jumped over the big red bear.
            The quick brown fox jumped over the big red bear.
            The quick brown fox jumped over the big red bear.
            The quick brown fox jumped over the big red bear.
            The quick brown fox jumped over the big red bear.
            The quick brown fox jumped over the big red bear.
        
    
    

Запустите фрагмент выше и нажмите «Полная страница" чтобы увидеть, как это выглядит в настоящее время. В принципе, он выглядит отлично по горизонтали, но теперь мне нужно, чтобы он также центрировался по вертикали на странице.

Элемент, который я хочу выровнять по вертикали - это div #container. Эффект заставит весь div и все sub div не только выровнять по горизонтали, но и по вертикали. Я знаю, что это возможно, и я знаю, что Энди Бадд опубликовал такое решение, но оно неКажется, это работает для меня.

Ответы на вопрос(8)

Ваш ответ на вопрос