Mogę wyrównać poziomo div i cała zawartość wygląda ładnie. Patrząc na pionowe wyrównanie div, który nie zawiera żadnych tabel. Próbowałem ustawić pozycje marginesów na niektóre ujemne wartości wewnątrz #container, ale to działało. Wiem, że CSS jeszcze tego nie obsługuje?

Oto mój znacznik:

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;
}

<div id="container">
    <div id="toptab"></div>
    <div id="middletab">
        <div id="data">
            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>
    </div>
    <div id="bottomtab"></div>
</div>

Uruchom powyższy fragment i kliknij „pełna strona”, aby zobaczyć, jak obecnie wygląda. Zasadniczo wygląda świetnie w poziomie, ale teraz potrzebuję go również do wyśrodkowania w pionie na stronie.

Element, który chcę wyrównać w pionie, to div #container. Efekt zmusiłby cały div i wszystkie sub div do nie tylko wyrównania w poziomie, ale także w pionie. Wiem, że jest to możliwe i wiem, że Andy Budd opublikował takie rozwiązanie, ale wydaje się, że nie działa dla mnie.