Welcome to WebmasterWorld Guest from 22.214.171.124
Forum Moderators: incrediBILL
1) Position a gif that contains a circle,
2) Then position six navigational text images around that circle's perimeter.
It's not really acceptable to slice up a single image here or use an image map.
My first shot was to use a body background image for the circle and then position the text over it in a table. It worked in both browsers -- but only on a PC. Some Mac browsers skew the relative positions by 15 pixels or so, and it's very ugly. But, of course, some Mac browsers work fine, just to keep things lively.
So I tried putting the circle in a table cell background -- and Mac still went off into its own world.
OK. This site already had a requirement for recent browsers, so I decided to try absolute positioning with CSS -- using the z-index to get the text images on top of the circle image.
Lo and behold, Netscape 4.7 (PC version) renders the same absolute position differently on the two different z-indexes!
Has anyone else seen anything like this? Any clues as to what I am dealing with here would be greatfully accepted. I honestly thought that absolute positioning had no bugs.
BTW, all the versions of this page pass Homesite's HTML validator.