Odd IE 7 issue with text links

Forum Moderators: open

Message Too Old, No Replies

Odd IE 7 issue with text links

mangelo

7:37 pm on May 11, 2007 (gmt 0)

An issue I’ve just encounted with IE7 is that entire sections of some of my pages mysteriously disappear when I hover my mouse over a text link utilizing a title attribute. These sections are the <div> containers where the text links reside.

All the pages of my site (including those not experiencing the issue) have the exact same code (as in the example below).


Click <a href="example_page.htm" target="_blank" class="content" title="Example page">here</a>.

The issue doesn't occur at all when the pages are viewed in IE6.

The only workaround I’ve found is to remove the title attributes from the source code on the affected pages. (Which I'm loathe to do for accessibilty’s sake…)

Has anyone else encountered this?

Demaestro

8:19 pm on May 11, 2007 (gmt 0)

Is there any flash in this page.... I have seen similar behavior but it was traced back to flash and the "click to activate" crap.

SuzyUK

9:00 pm on May 11, 2007 (gmt 0)

Welcome to WebmasterWorld, mangelo

Sounds eerily like the disappearing content bug "Peekaboo". Peekaboo was an IE6 bug that is supposed to be fixed in IE7, but in certain situations Peekaboo has reared it's ugly head in IE7.

I've never heard of it related to the title attribute though, and if as you are saying it doesn't happen an all your pages even with that same code, I'm inclined to believe something else is at work.. and it could be flash.

can you try something. just to see if it is IE's hasLayout related (which Peekaboo was!) can you add

{zoom: 1;}

to CSS for the containers where these links reside (either the ul or the containing div) - if you try this does it help?

Suzy

mangelo

3:16 pm on May 15, 2007 (gmt 0)

I don't use Flash anywhere on my site, so that's not a possible cause.

I tried your suggestion, Suzy, but the issue persists.

Any other ideas?

(Sorry for the late response, folks; I had an extended weekend. :) )

Drag_Racer

1:04 pm on May 17, 2007 (gmt 0)

I don't think it has anything to do with the link code you have shown. It is somewhere else in the page. Do you have a doctype declared? Are you using any DHTML, such as javascript writing any of the page? Are you using any positioning in your styles? Do you have any content which is set to display:none;?

mangelo

9:38 pm on May 17, 2007 (gmt 0)

My pages are all static pages (no scripts) using the following DOCTYPE:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

I am using absolute positioning for all <div> containers on my pages.

The only item I've set to "display:none" on my pages is the "Skip to content" link I've placed in the code for the benefit of screen readers.

(All my pages are linking to the same stylesheet, but again only a select few are experiencing this issue.)