...

View Full Version : Div not aligning to the top



chris3
07-12-2008, 07:42 PM
Hello, I am having an issue trying to get one of my DIVS to align to the top

I made a wrapper so that the entire page is centered then I have a left, top, content, nav, bottom and right divs. All of them line up correct except for the right one it is shoved down on the page and aligned with the top of the bottom DIV which is because the right div tag is after the bottom div tag. My question is how can I get it to align with the top div tag.

Here is my CSS:


#wrapper {
margin: 0px auto;
width: 934px;
height: auto;
}

#left {
float: left;
width: 150px;
height: 522px;
background-image: url('images/left.jpg');
}

#top {
float:left;
width: 569px;
height: 51px;
background-image: url('images/top.jpg');
}

#content {
float: left;
width: 569px;
height: 378px;
background color: #FFFFFF;
}

#nav {
float: left;
width: 569px;
height: 44px;
background: #0a2a2a;
}


#nav ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #FFF;
line-height: 44px;
white-space: nowrap;
}


#nav li {
list-style-type: none;
display: inline;
}

#nav li a {
text-decoration: none;
padding: 7px 10px;
color: #FFF;
}

#nav li a:link {
color: #FFF:
}

#nav li a:hover {
color: #FFF;
background-color: #3366FF;
}


#bottom {
float:left;
width: 569px;
height: 49px;
background-image: url('images/bottom.jpg');
}

#right {
float: left;
width: 214px;
height: 522px;
background-image: url('images/right.jpg');
}

effpeetee
07-13-2008, 05:21 PM
We really need your complete code, or better still a link to the site.

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum