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 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post Regarding Placing Footer Below the Pages Content

    Dear Users ,
    I want my footer to appear directly under the content which is containing the dropbox shawdow , the bottom border of the content has to be shown but the footer should appear below the content , I can have a footer placed in my page but have no idea how to push the footer under the content

    Any help regarding this will be useful to me

  • #2
    Regular Coder dan-dan's Avatar
    Join Date
    Aug 2009
    Location
    England
    Posts
    483
    Thanks
    22
    Thanked 79 Times in 78 Posts
    Code?

  • #3
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yes i need the code , i just have done as follows
    Code:
    <body>  <div id="pagecontainer"> <div id = "header"> </div> <div id="content"> </div>  </div>  <div id="footer"> </div>  </body>
    I want the footer to be placed under the pagecontainer with the pagecontainer's border-bottom done with box shadow visible

  • #4
    Regular Coder dan-dan's Avatar
    Join Date
    Aug 2009
    Location
    England
    Posts
    483
    Thanks
    22
    Thanked 79 Times in 78 Posts
    By that I actually meant to post all your code and CSS so it's easier for us to see the problem, and therefore help you.

    I've not really worked with box shadow, but if it's being covered then try adding the below to your footer's CSS, X being the width of the shadow of the above div:

    Code:
    margin-top: Xpx;

  • #5
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    #footer
    { 
    
    
    position:absolute;
    top:718px;
    z-index:-1;
    width:100%;
    left:0; 
    height:100px;
    background: #EDEDED ;
    
    
    
    }
    now i am able to push the footer underneath the content but i dont want the width of the footer to resize on window resize , the footer width has to be 100% no matter what , and in Internet Explorer am unable to use position :absolute , any help will be greatly appreciated

  • #6
    Regular Coder dan-dan's Avatar
    Join Date
    Aug 2009
    Location
    England
    Posts
    483
    Thanks
    22
    Thanked 79 Times in 78 Posts
    Can you please post ALL your code.

  • #7
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Actually right now i dont have the code ,but its something like this , there is a pagecontainer div which acts like a wrapper for all the contents including header excluding the footer, footer is in a separate div which i will lik to bring underneath the pagecontainer div by using position as absolute and width as 100% ,


  •  

    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
    •