Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Css problem on different resolutions.

9:17 pm on Oct 26, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 16, 2004
votes: 0

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?
3:17 am on Oct 27, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 15, 2003
votes: 27

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;">
2:25 am on Oct 30, 2010 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Sept 21, 2002
votes: 10

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.
4:50 pm on Nov 2, 2010 (gmt 0)

Full Member

5+ Year Member

joined:Dec 30, 2009
posts: 249
votes: 0

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

Have you looked at the page in IE6?