WordPress.org

Support

Support » How-To and Troubleshooting » Internet Explorer Bug

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.

    http://www.seanahayes.com/digrouparchitecture

    Thanks in advance!

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

    @wpyogi

    Forum Moderator

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

    Christine Rondeau

    @crondeau

    Volunteer Forum Moderator

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

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

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

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

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

    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="http://www.seanahayes.com/digrouparchitecture/?p=197"><IMG class="attachment-background wp-post-image" alt="" src="http://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="http://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="http://www.seanahayes.com/digrouparchitecture/?p=574"><IMG class="attachment-background wp-post-image" alt="" src="http://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="http://www.seanahayes.com/digrouparchitecture/?p=574">Environmental Graphics and Wayfinding, Monroe Appelegarth Elementary</A></H2></DIV></LI></UL>

    Why is the width so small?

    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?

    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 http://jobs.wordpress.net .

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