Float overflow / clearfix problems

[jleesaxon]

All three modules (ellisinfoblock [a custom module based on blockuserinfo], blocksearch[_top], and blockcart) in my header are floated left. I can't "overflow:hidden" the header element because that hides blockcart's rollout. So, I've applied the "clearfix hack" to each module.

 

With ellisinfoblock this is working at all browser widths, but with blocksearch and blockcart it doesn't work between 768px and 992px browser widths (ie on tablets). (Yes, I've enabled each module separately to confirm this diagnosis). I can't figure out why. Help!

 

Test shop: http://www.elliscamera.com/prestashop/

Edited June 18, 2014 by jleesaxon (see edit history)

[jleesaxon]

Bump. I still haven't figured this one out.

[vekia]

i checked page mentioned in first post, this is how it looks like:

 

i think that problem was solved.

 

 

so, can you share url to your website?

[jleesaxon]

Sorry, I think my language was unclear. I edited the post. It works unless your browser is 768px to 992px wide. At those widths, the header background only surrounds ellisinfoblock and not the other two modules.

 

PS - In your screenshot the positioning of the text "Log In" and "0 PRODUCTS" is totally different than what I see in Chrome. What browser are you using?