Aqua-Soft Forums

Centered Image Not Displaying Correctly In Ie

Yup, another CSS-related question; I will not be beaten! <_<

'm trying to center an image on this page; the dimensions of the image and the backround it is on are correct, so I know that isn't the problem. Anyway, when I use

I get the following results:

In Firefox...

http://www.stylesuites.com/simon/css_ff.gif

In Internet Explorer...

http://www.stylesuites.com/simon/css_ie.gif

As you can see it displays correctly in Firefox (and Safari, for that matter) but not in IE. IE seems to position it about 2 pixels too far to the left. I've tried calling it through a stylesheet using:

.mainimg{
position: relative;
left: 50%;
padding-left: -50%;
}

but this just aligned it to the left, which was weird. Anyway, does anyone know what is causing this and what I could do to fix it? I've tried this across different setups and have had varying results, so I'm certain it isn't just one resolution. Anyone? :unsure:

-----------------------

Simon, you know that those images were too long... remember, 500 x 375...

The Images Have Been Linked

// Seph

#216796

it also might be microsoft's fault for changing the way IE displays code. i think it is the way they make people have code that is wrong, but displays correctly in IE, but not firefox, and other browsers. is your code valid xhtml? if it is it should work if it works in firefox.

#216813

see my entry @aero-soft ;) - You posted the same topic there, didn't you?

#216824

Not to worry, I've solved it thanks to pinchfl's help :D

#216825