Internet Explorer Bug

  • I am almost finished with a custom wordpress child theme, but an internet explorer bug is slowing me down. Everything works across all other browsers, and I fixed all the original IE bugs except this one. The problem occurs when I roll over the right side of the screen on either the largest thumbnail or the one in the bottom right. Half of the large thumbnail disappears and the bottom thumbnail flickers, instead of acting like the other thumbnails (which fade into a preview of the metadata).

    Any help would be greatly appreciated.

    https://www.seanahayes.com/digrouparchitecture

    Thanks in advance!

Viewing 10 replies - 1 through 10 (of 10 total)

  • Possibly related to these errors:

    https://validator.w3.org/check?uri=http%3A%2F%2Fwww.seanahayes.com%2Fdigrouparchitecture%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    Thread Starter nvenezi1

    (@nvenezi1)

    Thanks for the response. I fixed the error but still having the same problem.

    When you say IE, what do you mean. IE 6,7,8,9 10???

    Thread Starter nvenezi1

    (@nvenezi1)

    IE 8 in particular, though it is the only version iI have checked it in so far.

    Thread Starter nvenezi1

    (@nvenezi1)

    Yes, I checked IE 9 and it is fine, it is just IE 8 now. Anyone else out there that can help??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry, which thumbnail am I supposed to rollover to see the issue?

    Thread Starter nvenezi1

    (@nvenezi1)

    The right side of the largest thumbnail, or any part of the bottom-right thumbnail.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I see the issue in IE7, not IE8.

    The issue is the width applied to this <ul> element;

    <UL style="WIDTH: 305px; FLOAT: left" class="li_cont2 mcol" sizset="true" sizcache00931195351579141="55 66 265"><LI style="DISPLAY: block; FLOAT: left" id=post-197 class="article li_col2" sizset="true" sizcache00931195351579141="55 67 265">
<DIV style="WIDTH: 600px; OVERFLOW: visible" class=preview jQuery1830010340579468605948="22"><A style="DISPLAY: block; FLOAT: left" href="https://www.seanahayes.com/digrouparchitecture/?p=197"><IMG class="attachment-background wp-post-image" alt="" src="https://www.seanahayes.com/digrouparchitecture/wp-content/uploads/Thumb_homepage8.jpg" width=605 height=390></A></DIV>
<DIV class=article-over>
<H2><A title="Memorial Elementary School" href="https://www.seanahayes.com/digrouparchitecture/?p=197">Memorial Elementary School</A></H2></DIV>
<LI id=post-574 class="article li_col2" sizset="true" sizcache00931195351579141="55 67 272">
<DIV class=preview jQuery1830010340579468605948="23"><A href="https://www.seanahayes.com/digrouparchitecture/?p=574"><IMG class="attachment-background wp-post-image" alt="" src="https://www.seanahayes.com/digrouparchitecture/wp-content/uploads/thumb_large4.jpg" width=300 height=240></A></DIV>
<DIV class=article-over>
<H2><A title="Environmental Graphics and Wayfinding, Monroe Appelegarth Elementary" href="https://www.seanahayes.com/digrouparchitecture/?p=574">Environmental Graphics and Wayfinding, Monroe Appelegarth Elementary</A></H2></DIV></LI></UL>

    Why is the width so small?

    Thread Starter nvenezi1

    (@nvenezi1)

    which width? the 305px? That’s just the size I liked based on the arrangement of different thumbnails.

    Why would that effect the roll over and only on IE 7? Is there some other width that would work?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You need to make sure it has the width of its child element (600px).

    I’d stay away from IE7/6 development if you’re not familiar with it. Consider hiring someone at https://jobs.wordpress.net .

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Internet Explorer Bug’ is closed to new replies.