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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Location
    charlotte, nc
    Posts
    7
    Thanks
    0
    Thanked 1 Time in 1 Post

    Funky Space - CSS Problem

    A friend brought this to me and asked for help...and well I have nothing. Check out this Panther Chameleon site and scroll to the bottom. For some reason there is a gap at the bottom of the page and I can't figure it out. I would love some help.

    Thanks,

    A

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    This is the cause:

    base.css
    Code:
    .gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    The css applied to clear floats on .container is giving you the extra line. Solution, clear floats (if needed, looks OK here) in another way.

  • #3
    New to the CF scene
    Join Date
    Nov 2010
    Location
    charlotte, nc
    Posts
    7
    Thanks
    0
    Thanked 1 Time in 1 Post
    SB65 Thank you so much!...I hate .afters that are snuck in there. Thanks again!

  • #4
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    No problem. You can't see them in Firebug either. Clue is if there's no gap in IE, since it doesn't suppport :after (at least IE7 doesn't).


  •  

    Posting Permissions

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