We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 21417
    • 486 Posts
    Hello,

    I am using EVO 1.0.4 with Wayfinder 2.0.

    I am using Wayfinder to insert multiple product menus in tabular form on the one page.

    Anyway, this works great in all browsers I have tested in except for Internet Explore 7.
    (its even OK in IE6 and IE8 but not in between - go figure!)

    I am not sure if this is wayfinder dependent or a general modx thing or a css thing.

    In IE7, only the product thumbnail images from one table are shown at any one time.

    If only one table exists on a page, it looks fine in IE7 (all thumbs are displayed).

    If multiple tables exist on a page, IE7 only displays the thumb images from one table. Shift reload the page and IE7 only displays the image from a different table. It appears as if it is random.

    This is really weird - I have rewritten the CSS and triple checked everything but can’t for the life of me work out what is happening and its driving me crazy.

    the css is:

    div.table { width: auto; height: auto; margin: 0 0 2em 0; position: relative; display: block; }
    
    .tbl3, .tbl4 { width: 100%; height: auto; table-layout: fixed; border: none; border-bottom: 0.1em transparent; border-spacing: 0 0.5em; background: transparent; padding: 0; }


    Any ideas?

    Thanks in advance.
      Web design Adelaide
      http://gocreate.com.au
      • 21417
      • 486 Posts
      I worked it out - it was a css thing.

      Weird error with the width of the wrapper div around the table.

      This fixed IE7:
      Changing
      div.table { width: auto; )
      to
      div.table { width: 100%; )


      Cheers.
        Web design Adelaide
        http://gocreate.com.au