I am building a website where I use CSS instead of tables. I have most of the page the way I want it layed out. The only problem I have right now is I have a CSS Rule to create a left column. I have placed four nav flash buttons wilthin the rule. It seems that when I vew the page the left column is almost right aligned. I don't know how to fix this problem. If you want to quickly replicate my page, the way I have the DIV tags are as follows:
banner - location-leftcol-content
Any help would be appreciated.
Thanks,
Hockeyfan
Below is my CSS file
Code:
/* CSS Document */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0px;
padding: 0px;
border: 0px;
}
body {
font:"Times New Roman", Times, serif;
margin: 0px;
padding: 0px;
background-color:#94602d;
}
#banner {
height:420px;
background:url(images/logo.jpg) no-repeat;
background-position: center;
}
#location {
height: 60px;
/*margin-left:245px;*/
background-position:center;
}
#location ul {
list-style:none;
margin-left:0px;
padding:0px;
}
#location li {
display:inline;
float:left;
margin-left:5px;
width:170px;
}
#leftcol {
float:left;
/*width:156px;*/
margin-top:60px;
/*margin-left:0px;*/
}
#content
{
margin-left:200px;
}