Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lightbulb Div not aligning to the top

    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:
    Code:
    #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');
    }

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    We really need your complete code, or better still a link to the site.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •