#1
  1. No Profile Picture
    http://stealthwd.ca
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2005
    Posts
    706
    Rep Power
    203

    Ie7 - parent div won't expand for floating children


    Pretty much what the title says. I have a parent div that I fill up up floating div's using javascript, but the parent won't grow. Only ie7 is a problem.

    To see the problem...

    Link is here...

    http://esteemforthehome.stealthwd.ca...lectedPageID=7

    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
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,105
    Rep Power
    4306
    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

    • Dameon51 agrees : Thanks a million, the parent div now expands
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    http://stealthwd.ca
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2005
    Posts
    706
    Rep Power
    203
    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.

IMN logo majestic logo threadwatch logo seochat tools logo