Grow your CSS skills. Land your dream job.

min-width issue with IE7

  • # November 14, 2012 at 5:10 pm

    Hello all!

    I’m reverse engineering a site and fixing some problems I inherited. The site’s local so I don’t have a link for you but I hope I can clearly explain:

    I simply want a container div to expand horizontally to fit a child div which contains a table (but I wouldn’t think the table matters)

    I set a min-width to the container and all’s well in all browsers EXCEPT IE7/8…the container is expanding to the full screen!!!!

    I’ve poured over forums and found some really funky solutions but none of them worked. I’ve been building sites for YEARS and have never come across this issue!

    I’ve uploaded the stripped down page (no images, etc.) but you’ll be able to see what I’m dealing with – http://www.siphon-marketing.com/clients/touch

    In IE7/8 the container stretches to the full width of the browser…basically ignoring min-width.

    I tried EVERYTHING including ‘width:expression,’ messing with doctypes, overflow:auto, white-space:nowrap…I’M STUMPED!

    Can somebody save me?

    # November 14, 2012 at 5:11 pm

    What is your min-width value set to?

    # November 14, 2012 at 5:17 pm

    Apparently IE 7 is renowed for not respecting / suporting min-width.

    # November 14, 2012 at 5:23 pm

    Ya know whats intresting when ya remove the width: 670px from the third nested table it expands to fill screen in firefox too.

    # November 14, 2012 at 5:30 pm

    I’m wondering if the nested tables are the issue.

    If the site is being rebuilt then I would suggest only using a table for the actual tabular data.

    There appears to be a menu built around a table too…that should go to start.

    # November 15, 2012 at 1:42 pm

    ALRIGHTY!

    I found a typo in one of the divs which is the reason why NONE of the fixes I found online worked!

    Soooo…it’s now working in IE8 but still not in IE7.

    Can somebody out there take a peak at the latest page and bail me out?

    http://www.siphon-marketing.com/clients/touch

    Thanks so much!

    Len

    # November 16, 2012 at 11:10 am

    Please stop creating new threads for the the same issue.

    if we can solve it we will…otherwise…not! :)

    # November 16, 2012 at 12:36 pm

    Understood but I’ve noticed once an issue moves down the page then answers are few and far between…even if it’s not marked [solved]

    I’ve actually made updates to this issue but nada :(

    Fingers crossed I guess!

    # November 16, 2012 at 2:43 pm

    The issue with IE7 is the inline-block of the container, in IE8 inline-block behaves correctly and collapses to the size of elements contained within,
    IE7 it doesn’t unless you apply a few fixes first, so ya need to look up IE7 inline-block fixes

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".