CODEWITHSUNDEEP
htmlcss
JorgeeFG
JorgeeFG

Reputation: 5961

Negative margin behaving different in Chrome and FF

I have a problem:

wrapper3 class has 100% height, and footer is a sibling, min-height is 15 for footer, and has a 8px padding (Total height 31px). So I put margin-bottom: -31px to allow footer in the same page.

In FF it works good, there is no Y-scollbar, but in Chrome, wrapper3 fills 100% of the screen, and its not allowing footer to get on top of it. However, if I put margin-bottom: -62, it works as expected (Obviously not in FF). So, in the ultimate case, how can I specify -62 for Chrome only?

See: http://tracker.fusiondev.com.ar

Upvotes: 0

Views: 125

Answers (1)

LifeQuery
LifeQuery

Reputation: 3282

Instead of margin-bottom for Chrome only, try overflow:hidden and height:100% (as apposed to min-height) for class wrapper, it won't override your footer div and will give you a cross browser compatible solution.

Upvotes: 1

Related Questions