Table is centering by itself?

Question

I have a page here:

http://animactions.ca/Animactions/accueil.php

and it has a right column. When the right column's content is longer than then the main content, the main content centers rather than start at the top despite I defining it in a style not to do so.

From my style sheet:

.tbsyles {
    margin: 0px;
    text-align: justify;
    width: 200px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #A8CFE4;
    padding-left: 30px;
    height: 100%;
    line-height: 100%;
    vertical-align: top;
    padding-right: 0px;
}
.tablestylea {
    width: 900px;
    margin: 0px;
    text-align: justify;

    height: 100%;
    line-height: 100%;
    vertical-align: top;
    padding-right: 0px;

}

How can I make it so no matter what the length of my right col content the main content page resizes correctly and starts from the top rather than from the center?

Thanks

Answer 1

try use float:right; on the right column css div.

Answer 2

add .style2{vertical-align:top;} in your css

Answer 3

in your html, at the "td" tag, apply the valign="top", like that, the content of that particular "td" will be align at the top...

Another thing is the align="left" (or right), to set the text horizontal align...

see: W3C TABLE SPECS

EDITING:

If you're using "div" tag to make your layout, use: display:table-cell; and then use the already provided solution for your css file: vertical-align:top;