Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

  1.  permalink
    Hi all,

    Sometimes I just can't figure out IE7, I am currently trying to tweak the CSS in an X-cart and for some reason I am getting a horizontal scroll bar in the product detail pages - I have been through and removed as many unnecessary width="100%" tags in table heads as I can find but it is still doing it.

    Can someone save my sanity and either

    a. Point me in the direction of the instructions for how to use Firebug properly - specifically how to use it to find these types of issues - or
    b. Tell me where the issue is and how to solve it.

    http://dev.ironmongery2u.com/product.php?productid=16151&cat=3&page=1

    Thanks in advance guys - please don't flame me too badly - I really don't pretend to be a coder!

    Cheers
    • CommentAuthorsoulID
    • CommentTimeJul 22nd 2008
     permalink
    Make sure you don't have other conflicting styles that are pushing out the width. e.g. If you set the width of the container to 900px and you have several elements inside that container that add up to more than 900px, the container could get pushed out.

    Check to see if you have any styles for overflow set to scroll as well.

    The easiest way to figure this out could simply be to just remove some elements from the outside in (start with the outer container and work inside) to see which element is causing problems.
  2.  permalink
    Thanks Soul ID

    I will attempt to find the issue - I really have removed loads of widths from random tables in that page.

    Just for my knowledge and - anyone else coming across this - how does ie7 add up the percentages:

    ??
    • CommentAuthorsoulID
    • CommentTimeJul 22nd 2008 edited
     permalink
    If you use percentage based layouts, IE7 has issues with half pixels. As in, it tends to round up some elements. For example, if you have an outer div at 801px and two inner divs at 50%, IE7 will end up wanting the outer div to be at 802px because it ends up rounding the 50% to 401 pixels. (This is based on my observation when I measure it in Photoshop). So this means that you'll have to set the inner ones at 49% each rather than 50%. Otherwise, when you resize the window, the inner divs could end up stacked on each other.

    I don't use percentage widths much, so all - please correct me if I'm wrong.

    stickygoblin - you can probably find specifics on Microsoft's website somewhere on how IE7 renders HTML. They might have some sort of comparison chart between IE7 and IE8 as well.
Add your comments
    Username Password
  • Format comments as (Help)