[DUNSEL]

The splash page at this site - gkarchitects.biz - loads perfectly in IE, NS 6.2, and Safari 1.2 (I'm told. I don't have a mac) but in NS 7.1, and Mozilla, the address graphic at right/center shifts to the left a bit as it loads. There's no CSS positioning used, just a simple HTML table of fixed width which contains all 3 graphics. Anyone care to throw out some guesses as to why this is happening, and how to prevent it?

[Simon Mundy]

Originally posted by DUNSEL:
The splash page at this site - gkarchitects.biz - loads perfectly in IE, NS 6.2, and Safari 1.2 (I'm told. I don't have a mac) but in NS 7.1, and Mozilla, the address graphic at right/center shifts to the left a bit as it loads. There's no CSS positioning used, just a simple HTML table of fixed width which contains all 3 graphics. Anyone care to throw out some guesses as to why this is happening, and how to prevent it?

A documented bug with Mozilla that occurs in HTML 4.01 and images - to cut a long story short, you need to give all images a display attribute of 'block' so images don't appear inline anymore. For cases you do want them inline, apply a specific selector.

E.g.

img { display: block; }
.img { display: inline; }

and in your html

<img class="img" etc... >

That should fix it. Or just use XHTML and save yerself the headaches.

BTW, is there any reason you want a Javascript redirect for 'older' browsers? In 99.9% of cases, they're unnecessary and rude and can also cause headaches in the future. Smart CSS and degradeable HTML is a much smarter way to go.

[DUNSEL]

Thanks, I'll implement that. There's no redirect for older browsers there. Just a sniffer to call the appropriate function. I'm changing the opacity attr. on the fly, and IE, NS, and Moz/Safari, set and access the property with different syntax.