Css problem on different resolutions.

[adamnichols45]

I had someone do some work for me on some css as I have only just started learning and need it finished like yesterday.

I basically have an image and then another image next to it and the bottom of the images should all run through to look like they are both sitting on the same line.

They do on 1024 - 768 resolutions but looking at them on my monster 2560 res the image jumps up by about 3px

Now this is not good enough for me and I want them inline on every resolution why could this be happening surely setting px widths should result in the same output regardless of the resolution?

[rainborick]

It sounds to me like you may have tested with two different browsers on the two different computers. Try setting the top and bottom margins on the <img> tags to 0 with something like:

<img src="image.gif" style="margin:0px 3px;">

[Hoople]

Just a wild guess - someone may have edited one of the images in a program that added a 3 pixel border? Zoom to check!

I had one instance where setting an image's border to border=0 fixed a baseline issue I had. The image was inline with text in a div.

[milosevic]

Yeah it's most likely to be a browser compatibility issue I would say.

Have you looked at the page in IE6?