PDA

View Full Version : CSS issue need help - flow problem



Sonic88
Nov 13th, 2006, 08:28 PM
I am having a flow issue with the following site. I have done eveything I can think of and cant seem to get the content in the right side to align to the top. The problem only occurs in IE6, i have no problem in Mozilla if that helps.

here is the link
http://cis3.mtsu.edu/fall06/ahutchins/index.shtml

and here is a copy of my css file


body
{
margin: 0;
padding: 0;
text-align: center;
}

a.menu:link {color: #666666; text-decoration: none}
a.menu:visited {color: #666666; text-decoration: none}
a.menu:hover {color: #000000; font-weight: bold; border: 1px solid gray; padding-left: 10px; padding-right: 10px; }
a.menu:active {color: #000000; font-weight: bold; border: 1px solid gray; padding-left: 10px; padding-right: 10px; }

div.container
{
background-color: white;
width: 602px;
margin:0px;
border:1px solid black;
line-height:110%;
}

div.header
{
background-color: black;
text-align: right;
color: #FFFFFF;
font-family: courier;
font-size: 15px;
}

div.left
{
vertical-align: top;
float:left;
width:125px;
margin:0;
padding:1em;
color: #666666;
font-family: tahoma;
font-size: 11px;
text-align: center;
border-right:1px solid gray;
}

div.content
{
text-align: left;
vertical-align: top;
margin-left: 125px;
padding: 3em;
font-size: 12px;
}

div.footer{
background-color: black;
text-align: center;
color: #FFFFFF;
font-family: tahoma;
font-size: 10px;
clear: both;
}



hr
{
color: black;
}

h2
{
background-color: black;
text-align: right;
color: white;
font-family: courier;
padding: 1px;
}

h2.two
{
background-color: black;
text-align: left;
color: white;
font-family: courier;
}

li
{
color: #666666;
font-family: tahoma;
font-size: 10px;
}

img.right
{
float:right;
border: 1px solid black;
vertical-align: middle;
}

img
{
border-style: none;
}

img.left
{
text-align: left;
float:left;
border: 1px solid black;
vertical-align: middle;
}

p {
text-indent: 1cm;
color: #666666;
font-family: tahoma;
font-size: 10px;
}


Any help would be greatly appreciated. im sure it is just something im overlooking but I just cant find it. Thanks again

Sonic88
Nov 13th, 2006, 11:46 PM
Also, the page is both CSS and XHTML strict validated. Just so you know.

Sonic88
Nov 13th, 2006, 11:58 PM
Nevermind I got it. Dreamweaver (which i prefer to no use but have to for the class im in) had placed some unncesary extra div statements in my pages.