hi there,
I am building a website in which I have an animation: basically a background with modified images appearing over time....
With position: absolute (CSS) I can get everything working fine on any browser (logically).
However, I want to be able to centre the image. As soon as I make the positioning relative I get a cross-browser variation of one pixel (only for top).

Before I get into all kinds of difficult solutions like browser detection, I was wondering if anybody has any interesting suggestions?

Just to give you an idea, here are the pages:

 - absolute: www.bossnfish.nl/box/
 - relative: www.bossnfish.nl/box/testing.html

Apologies its not directly related to PHP - most of website is though ;)

Many thanks.

This is really a CSS question, not a PHP question, so you should post in the CSS forum.

http://p2p.wrox.com/forum.asp?FORUM_ID=143

That said, you're probably seeing a layout-related bug in IE.

Layout bugs can be corrected one of two ways, depending on the bug, you can supply CSS that triggers the internal hasLayout property to be true, see [1]. Or you can use a conditional comment style sheet [2] that targets IE specifically, where you can make a one pixel adjustment for that browser alone.

Again, haven't looked at the bug, but one of those is your fix.

[1] http://www.satzansatz.de/cssd/onhavinglayout.html
[2] http://msdn.microsoft.com/workshop/a...omment_ovw.asp

HTH!

Regards,
Rich

--
Author,
Beginning CSS: Cascading Style Sheets For Web Design
CSS Instant Results

http://www.catb.org/~esr/faqs/smart-questions.html