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 9 of 9
  1. #1
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    Question box right is over laying footer?!

    Please help, my right column is overlaying my footer?!

    see web page here

    screenshot

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by jarv View Post
    Please help, my right column is overlaying my footer?!

    see web page here

    screenshot
    Your screenshot looks totally different than your page now. Your footer now doesn't even look like it's been styled.
    Teed

  • #3
    New to the CF scene
    Join Date
    Apr 2011
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts
    the easiest way is to change the margin-top of your footer to 70px, (it's 20px now), but it's not the best way to fix that

  • #4
    New Coder
    Join Date
    Apr 2011
    Location
    New Delhi, India
    Posts
    27
    Thanks
    0
    Thanked 2 Times in 2 Posts
    #content #casestudyright {
    color: #FFFFFF;
    display: block;
    float: right;
    height: 376px;
    margin: 0 0 0 300px;
    padding: 0;
    }

    in above style just remove height: 376;

    so style will be like...

    #content #casestudyright {
    color: #FFFFFF;
    display: block;
    float: right;
    margin: 0 0 0 300px;
    padding: 0;
    }

    hope dis help

    ch33rs!!!

  • #5
    New Coder
    Join Date
    Apr 2011
    Location
    New Delhi, India
    Posts
    27
    Thanks
    0
    Thanked 2 Times in 2 Posts
    just check this is too remove height from footer style too is your feel like footer bgcolor is not covering footer links...

    change this

    footer {
    background-color: #1A1A1A;
    color: #CBCBCB;
    display: block;
    font-size: 11px;
    height: 25px;
    margin-top: 20px;
    padding: 0 32px;
    width: 960px;
    }

    to this

    footer {
    background-color: #1A1A1A;
    color: #CBCBCB;
    display: block;
    font-size: 11px;
    margin-top: 20px;
    padding: 0 32px;
    width: 960px;
    }

  • #6
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    thanks, it's still sort of doing it?!
    see here

  • #7
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    I'm struggling to replicate the issue that you see. However, you could add a div just before your footer div to clear beyond the floating elements:

    Code:
    <div class="clearer"></div>
    <!-- then your footer div.. -->
    add the css:
    Code:
    .clearer { clear: both; }
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #8
    New to the CF scene
    Join Date
    May 2011
    Location
    France
    Posts
    7
    Thanks
    0
    Thanked 1 Time in 1 Post
    In IE7 the site is all over the place, in firefox it shows up fine. The main reason I can see for this is that your divs are not correctly defined and the width seems to be throwing in a huge error in IE7

  • #9
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by teedoff View Post
    Your screenshot looks totally different than your page now. Your footer now doesn't even look like it's been styled.
    umm ditto again. I still dont see any sidebar overlapping your footer. I see your footer with a bunch on lists or links that havent been styles...ie all stacked up on top of each other.

    Here is what I am seeing.
    Attached Thumbnails Attached Thumbnails box right is over laying footer?!-footer.jpg  
    Last edited by teedoff; 05-10-2011 at 02:13 PM.
    Teed


  •  

    Posting Permissions

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