I am very new to CSS design and have found a problem with vertical alignment of some
.
I have a template for my page that uses CSS and I am applying it to a MasterPage. I have a lot of
, separated in #side-bar, #main-copy and #footer.
My ContentPlaceHolder is in the main-copy, as:
Part of the current CSS definition is:
#main-copy {
color: black;
background-color: white;
text-align: justify;
line-height: 1.5em;
margin: 0 0 0 15em;
vertical-align:top;
padding: 0.5mm 5mm 5mm 5mm;
border-left: 1px solid rgb(153,153,153);
}
#main-copy p {
margin: 1em 1ex 2em 1ex;
padding: 0;
vertical-align:top;
}
The Problem:
Opening in Opera, the page is as it should be: http://isabelle.math.ist.utl.pt/~l51361/Opera.jpg
The thing is that the contentplaceholder is NOT where it should in INTERNET EXPLORER 6:
http://isabelle.math.ist.utl.pt/~l51361/IE6.jpg
See the top of the table that is in the contentPlaceHolder in the bottom of the screenshot.
I have googled my problem but haven't yet found the solution to my problem. It seems like the main
is not aligning with the sidebar
, as it is rendering below the sidebar and above the footer.
Anyone has had this problem or knows the solution?