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 3 of 3
  1. #1
    New Coder
    Join Date
    Jun 2009
    Posts
    42
    Thanks
    3
    Thanked 0 Times in 0 Posts

    DIV for Footer below floating objects

    Hey guys.

    I've got an issue with a DIV positioned relative that will sit below some floated DIVs. I can't get it to sit below everything. Is there anyone who can help at all?

    The URL for the page is:

    http://www.highriserocks.com/hme/

    The CSS & HTML for the footer is currently this:

    Code:
    #footer {
    	position: relative;
    	width: 961px;
    	height: 20px;
    	padding-left: 10px;
    	margin: 0 auto;
    	clear: both;
    	background-color: #ee0033;
    	border: 1px solid #5c5c5c;
    }
    
    #copyright {
    	float: left;
    	padding-left: 2px;
    }
    
    .footer-copy {
    	font-size: 11px;
    	color: #FFF;
    	line-height: 20px;
    }
    
    #terms {
    	float: right;
    	padding-right: 2px;
    }
    
    .footer-terms {
    	font-size: 11px;
    	color: #FFF;
    	line-height: 20px;
    }
    Code:
    <div id="footer">
    	<div id="copyright">
    		<span class="footer-copy">Copyright 2009  Tools 4 Technology - All Rights Reserved</span>
    	</div>
    	<div id="terms">
    		<span class="footer-terms">Terms & Conditions  -  Site map  -  Privacy</span>
    	</div>
    </div>

    If you need any other codes just ask.

  • #2
    Regular Coder
    Join Date
    May 2009
    Posts
    143
    Thanks
    14
    Thanked 1 Time in 1 Post
    have your footer div INSIDE your maincontainer div
    just to see

  • #3
    New Coder
    Join Date
    Jun 2009
    Posts
    42
    Thanks
    3
    Thanked 0 Times in 0 Posts
    I tried that locally and it stays in the same place =/


  •  

    Tags for this Thread

    Posting Permissions

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