I’ve recently completed a site for a client, but they say that the layout is broken at the bottom of this page Downloads - Designdirect Supplies. They’ve sent me a screen grab which shows the logo in a white box. They’ve emptied the cache but the problem persists. I can’t see the problem in any of my Mac browsers and have accidentally ‘damaged’ my Parallels virtual machine so I can’t see in it IE for myself.
Would somebody please have a look for me and say whether the footer on this page is the same as on other pages.
In IE7 the “copyright design direct” is in a white box, also the footer has a darker color.
Ok in IE8
Op 20 jun 2011, om 13:24 heeft neil.west1 het volgende geschreven:
Hi All
I’ve recently completed a site for a client, but they say that the layout is broken at the bottom of this page Downloads - Designdirect Supplies. They’ve sent me a screen grab which shows the logo in a white box. They’ve emptied the cache but the problem persists. I can’t see the problem in any of my Mac browsers and have accidentally ‘damaged’ my Parallels virtual machine so I can’t see in it IE for myself.
Would somebody please have a look for me and say whether the footer on this page is the same as on other pages.
Is the image in question a transparent (24-bit) PNG? Or is there any
CSS transparency (opacity) applied to it? IE < 9 doesn’t do that very
well without help.
Walter
On Jun 20, 2011, at 9:46 AM, neil.west1 wrote:
Thanks b8
So it would appear that it’s something to do with IE7. Do you or
anybody else know what causes the problem, and how to go get around
it?
It’s actually a Freehand eps that has been 'type’d as a jpeg in FW. The confusing thing is that this footer is exactly the same on every page yet it only appears this way on this particular page.
Try changing it to GIF. Also, check to see if the places where the
image appears to work have the Combine Graphics option set. That would
allow the background to become (fake) transparent. JPEG does not
support transparency on its own, so a clip of whatever background is
behind the transparent original needs to be merged into the foreground
image so there’s a seamless match.
As to colors appearing darker in one element than another, that could
be down to JPEG vs GIF color handling. Your best solution is to use
the same compression method for all images that you are trying to cut
together (that overlap in your design). GIF is preferred for areas of
flat color, anything with type in it, or hard edges. JPEG is preferred
for “natural” scenes; photographic imagery of natural objects,
particularly. PNG combines both compression algorithms (not literally,
but in practice) but at the trade-off of not being supported natively
by IE < 8 and of being larger – often dramatically so. Each of these
compression methods has its own way of handling color, and as long as
you use the same one all the way through your stack of elements, you
should be wrong in exactly the same way for each picture, and
therefore you won’t see an edge anywhere.
Walter
On Jun 20, 2011, at 10:18 AM, neil.west1 wrote:
Hi Walt
It’s actually a Freehand eps that has been 'type’d as a jpeg in FW.
The confusing thing is that this footer is exactly the same on every
page yet it only appears this way on this particular page.
It was the background image vertically tiling and starting again with the darker grey at the top, and I’m guessing that the white boxed logo was due to the footer dropping off the bottom of the FW page. In FW the footer was within the page dimensions but close to the edge - I added an additional 500px to the depth and the white box has disappeared. I can only assume that IE7 forced the content a little bit further down the page than the other browsers!