Seona Bellamy wrote:
Hmm... Any suggestions about how I could better do it so that it
stays put? I would have thought that absolute positioning with the
coordinates given in px would have been fairly static. :( I'm not
sure what else to try.
You are relative-positioning those links inside an absolute-positioned
ul. That's not stable enough.
I tested the following on your page:
#nav li, #nav li a {position: absolute; /* was relative */}
#nav #login {top: 54px;left: 69px;width: 60px;}
#nav #home {left: 37px;top: 87px;}
#nav #graphic {top: 130px;}
#nav #video {top: 174px;left: 15px;}
#nav #cdrom {top: 217px;left: 62px;}
#nav #photo {top: 256px;left: 85px;}
#nav #web {top: 287px;left: 131px;}
#nav #branding {top: 323px;left: 178px;}
#nav #contact { top: 374px;left: 250px;}
Opera, Firefox and IE6 landed on the same positions, regardless of
font-size and other variables. Just changed the top-values, and left the
finetuning to you.
I wouldn't be surprised if IE/Mac and Safari got it right also on these
values, but I can't test that.
Georg
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
