Posted by Michael on 03/25/07 13:21

"cluthz" <WHATEEVVEERR@by.co.uk> schreef in bericht
news:a5uNh.1808$Fe4.933@text.news.blueyonder.co.uk...
> http://server6.dedicateduk.com/~novitelt/signup1-complete.php
>
> If you look at this in both IE (7 I'm using) and firefox you will see that
> the left hand navigation has a marker which has a different horizontal
> position in each browser. In Firefox it's too far to the right and covers
> the "sign up" link which it is indicating.
>

After some searching I finally found this line that places the marker:
<div id="ProductSelectedIndicator" style="position:absolute; width:10px;
height:15px; z-index:5; left: 18px; top: 202px;"><img
src="images_web/bullet_general.gif" alt="[]" width="11" height="18"></div>

WHY ON EARTH would you want to do this? Apart from the problem you pointed
out (incompatibility between browsers), the marker stays exactly in place
when I change the display font size, which is... well.. UGLY.
You have empty table cells in front of the menu items, why not just place
the marker there?

Whatever you do, don't use the absolute positioning, it will never work
properly (one of many reasons being the font scaling).

Regards

Michael

[Back to original message]