December 1st, 2010, 10:15 AM
Ie7 - parent div won't expand for floating children
To see the problem...
Link is here...
Add a couple products to the cart, click on "View Cart"... Filling in shipping info and click "Calculate Shipping". Its the "viewCartShippingOptions" div that doesn't expand.
Thanks in advance
December 1st, 2010, 05:07 PM
It's because of the heights set in the "#viewCartShippingOptions div" and "#shippingInfoContainer" rules. IE7 has overflow issues when an element has a fixed height.
Why aren't you using a table for those shipping options anyway? It sure looks like tabular data to me.
Comments on this post
December 2nd, 2010, 09:51 AM
Thanks, yeah it was the heights that were causing the problems. I know I have a couple other sites that are setup that way and they seem to work fine.
And, to answer your question, the reason I'm not using tables is, we have an in house cms that we use and I like to avoid changing the HTML whenever possible, and our designers tend to come up with some funky stuff. I prefer only changing the css so I used divs to accommodate whatever twisted ideas our designers come up with.