Welcome to WebmasterWorld Guest from 54.163.68.15

Forum Moderators: not2easy

Message Too Old, No Replies

Css problem on different resolutions.

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

WebmasterWorld Senior Member 10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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)

5+ Year Member



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

Have you looked at the page in IE6?