Netscape and xhtml/css

I tried this one on alt.html earlier today, but without any helpful
responses. Maybe I'll be more lucky around here....

I'm in the process of designing a new website, and there seems to be some
sort of rendering problem when I opened it in Netscape 7.1; the images on
the top row seems to be hovering about 1pt over the rest. It looks just fine
in Opera and IE, and I've been told Mozilla handles it nicely as well.

http://www.betadome.com/main/

Don't bother clicking any of the links, they'll only point to the old
website.

Also: does anyone know why Opera and Netscape shows an extra space between
the top row and the rest of the content (about 2-3pt)? IE shows about 1pt,
which is what I intended.

On the lighter side, I've finally designed a (major) website that's valid
XHTML 1.0 Strict. I know, I'm way behind the rest, but I guess I had to be
sure all (or even most) browsers could handle it properly.

--
Kim André Akerø
- kimandre DeleteThis @NOSPAMbetadome.com
(remove NOSPAM to contact me directly)

On Thu, 15 Jan 2004 19:12:05 GMT, Kim André Akerø
<kimandre.TakeThisOut@NOSPAMbetadome.com> wrote:

 > I tried this one on alt.html earlier today, but without any helpful
 > responses. Maybe I'll be more lucky around here....
 >
 > I'm in the process of designing a new website, and there seems to be some
 > sort of rendering problem when I opened it in Netscape 7.1; the images on
 > the top row seems to be hovering about 1pt over the rest. It looks just
 > fine
 > in Opera and IE, and I've been told Mozilla handles it nicely as well.

Mozilla handles inline elements strictly as inline. This means it adds
descender space below any inline element, even images. To fix it, you can
either set your images to display:block; and position them that way, or
give them all vertical-align:top;

Grey

--
The technical axiom that nothing is impossible sinisterly implies the
pitfall corollory that nothing is ridiculous.
- <a style='text-decoration: underline;' href="http://www.greywyvern.com" target="_blank">http://www.greywyvern.com</a> - Orca RingMaker: PHP web ring creation and
management<!-- ~MESSAGE_AFTER~ -->