...

View Full Version : Funky Space - CSS Problem



aaronE
11-11-2010, 03: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

SB65
11-11-2010, 04:01 PM
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, 04:14 PM
SB65 Thank you so much!...I hate .afters that are snuck in there. Thanks again!

SB65
11-11-2010, 04:20 PM
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).



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum