memevector (memevector) wrote,

Internet Explorer 7 web design problem

Long time no post here... have got some stuff cooking for my other blog though.

In connection with that, I have a request for help from the web-design enthusiasts/experts among us (if any are reading).

The problem I'm having is that in IE7, some of the links on my other-blog pages don't work. (Thanks to Annie for pointing this out!)

It's everything in the "content" div, basically the right hand side of the page. Header, footer and sidebar are OK. (Pretty sure that IEs 5, 5.5 and 6 deal with the page OK, though wouldn't swear to that at this precise second.)

Further examination shows that it's not actually the links themselves that are malfunctioning. If you tab to them, and use "Enter" to activate them, they work.

What it seems to be is that the cursor seems to think that the right hand half of the page is empty. Within that right-hand area, it never displays the text-cursor, only the arrow which it would normally be showing over empty space. So if you just go straight to the right hand side, you can't select text for copy & paste either, although you can if you start at the top, hold the button and drag down. That highlights first the header, then content, then sidebar, then footer, which is the order it appears in the HTML. (It's a "float" in the CSS which puts the sidebar apparently ahead of the content on the visible page.)

My HTML and CSS validates OK. Googling does reveal various vaguely-similar-sounding problems with IE7, but I haven't seen this one described. I can't help wondering if it's IE7's fault via one of those classic Microsoft failures to comply with standards - maybe hasLayout, which I only heard of today and haven't grasped at all.

I would be very grateful if someone can tell me "It's probably THIS! and the fix is THIS!"

Other clues also welcome :-)

Thanks for any help!
  • Post a new comment


    default userpic

    Your IP address will be recorded