Lap Top versus PC Image Rendering

[Chris77]

Sitepoint Members,

Is it only the default dcreen resolution difference between laptops and PCs that makes the images of my site on lap tops so much smaller? In any event, how can I make the difference disappear?

Thanks,

Chris

[TheRaptor]

Example?

[Chris77]

I increased the size of the main image on my site by 32%. The image looked a lot better on a laptop, but on the PC the image stretched passed the max width of the browser (and was too big vertically to look good too).

[xhtmlcoder]

It's probably the pixel density that is closer on the Laptop so it gives the illusion of a sharper image. Typically you also sit closer to a tiny screen that a larger one. Also it might depend upon what units you are using in your CSS if you are defining dimensions via a web page, etc.

[Chris77]

Xhtmlcoder,
I'm using pixels in my CSS fro the image. What units would be better?

.header{display:block;margin-left:auto;margin-right:auto;background-image:url(/xyz.jpg);width:808px;height:123px}


Thanks,

Chris

[sergiu.mihu]

What resolution are the two displays?

Pixels for image is ok, as long as the entire design is fixed (pixels).

Are you using the same browser? Is there a browser issue? (like IE not interpreting some css?)