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

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