aaronE
11-11-2010, 02:30 PM
A friend brought this to me and asked for help...and well I have nothing. Check out this Panther Chameleon (http://www.cleanlinechameleons.com/panther-chameleons/) 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
This is the cause:
base.css
.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.
aaronE
11-11-2010, 03:14 PM
SB65 Thank you so much!...I hate .afters that are snuck in there. Thanks again!
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).