new layout, new problems Options

[Mulder]

if you look at my site (link is in sig), you'll see that theres a slight discoloration between the pic, and the background. when i put them together in psp it looks fine, the colors are exactly the same, and it matches up perfectly. but when i do it on my site, it doesnt.

which is annoying. ive filtered out the background of the iframe so that you can see the "background image" ...but ive tried changing it 5 times and each time its exactly the same.

help?

[ChasingLife87]

Where do you mean, on the right side of the image? Ohh, on the bottom... okay, I see exactly what you're saying now. It's because your image is saved as a .png instead of a .jpg. The colors match up PERFECTLY in Mozilla, but for some reason Internet Explorer reads .png images slightly differently, and the colors are slightly off.

Two ways to fix this.

Easier way? Just re-save your image as a .jpg and lose just a touch of image quality.

Harder way? A really handy hack that Heathasm once gave me and I've been using ever since. Open your site in IE and take a screenshot. In Photoshop or PSP or whatever you use, use the dropper tool and get the exact hex code of the background color on your image, not the background color of the page. Then, in your index.html page, insert this after the <style></style> tags.

CODE

<!--[if gte IE 6]>
<style type="text/css">
body {
    background-color: #color;
    }
</style>
<![endif]-->

What that will do is change the background color to match your image JUST for those viewing in Internet explorer. A little more complicated, but lets you keep your .png!!

Hope that helped.

[Mulder]

thanks! i just saved the background as a .png so i wouldnt lose any image quality.

oo..you can close this topic now.