LogicWeb Live Chat

[Chadi]

Greetings everyone,

On the www.logicweb.com top banner (static), the live chat white circle image map area has an IE issue here.

The live chat image map works fine in Firefox and Oprea but not in IE7. I believe its the # link. What can I do to the below code for the chat to rectify this in IE without ruining it for the other more compliant browsers?


<div id="imgmap">
<a href="/index.php">
<img src="images/header.gif" alt="Web Hosting by LogicWeb" class="img" /></a>
<a id="area1" href="#" onclick="window.open('http://messenger.providesupport.com/messenger/chadi.html', '_blank', 'menubar=0,location=0,scrollbars=auto,resizable=1,status=0,width=500,height=480')"></a>
</div>

[Medyman]

It's because the anchor is empty. Try adding a space and see if that makes a difference. I don't know if that throws off your image map though.


<a id="area1" href="#" onclick="window.open('http://messenger.providesupport.com/messenger/chadi.html', '_blank', 'menubar=0,location=0,scrollbars=auto,resizable=1,status=0,width=500,height=480')">&nbsp;</a>

[Chadi]

Thanks for the help. Unfortunately, that did not fix it.

[Medyman]

Try adding background:red; or something similar to the CSS and see if you can track down where the div lands in IE. You will need to add a space inside the anchor as IE doesn't render empty elements, but that won't solve it completely.

Also try adding the styles inline to see if it's a CSS/IE box model alignment problem or something else.

Being able to actually see where the anchor is in IE would greatly help in debugging.