Re: [WSG] Background image not visible in ie
Hi Lyn, I've tested it in IE7 and it works ok, but just isn't working in IE6 (it loads but is blue at one end rather than white). The reason for this is that you're using a transparent PNG which isn't supported on IE6 and below. There are tons of examples of this (and how to fix it) on this mailing list but I've put a link below which should get it working for you. http://thedesignspace.net/MT2archives/000103.html Cheers, Ben --- e: b...@bendodson.com w: http://bendodson.com/ Feeling social? Connect with me on various social networks at http://social.bendodson.com/ - You might also want to follow me on Twitter at http://twitter.com/bendodson On 29 Apr 2009, at 06:44, Lynette Smith wrote: Good afternoon http://www.westernwebdesign.com.au/zoobridal/index.html IE is not showing the background image on #container. Have only just noticed this. Cannot find any reason for it to be so. I have a very similar site with a background image on #container and it has no problems in IE. Can anyone spot the problem? I would be most grateful. Kind regards Lyn www.westernwebdesign.com.au Affordable web design - Perth *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Background image not visible in ie
The guys over at unit interactive also have a help script to help fix the issues with transparent PNG images in IE6. http://labs.unitinteractive.com/unitpngfix.php Cheers, -Phillip From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Ben Dodson Sent: Wednesday, April 29, 2009 11:18 AM To: wsg@webstandardsgroup.org; Lynette Smith Subject: Re: [WSG] Background image not visible in ie Hi Lyn, I've tested it in IE7 and it works ok, but just isn't working in IE6 (it loads but is blue at one end rather than white). The reason for this is that you're using a transparent PNG which isn't supported on IE6 and below. There are tons of examples of this (and how to fix it) on this mailing list but I've put a link below which should get it working for you. http://thedesignspace.net/MT2archives/000103.html Cheers, Ben --- e: b...@bendodson.com w: http://bendodson.com/ Feeling social? Connect with me on various social networks at http://social.bendodson.com/ - You might also want to follow me on Twitter at http://twitter.com/bendodson On 29 Apr 2009, at 06:44, Lynette Smith wrote: Good afternoon http://www.westernwebdesign.com.au/zoobridal/index.html IE is not showing the background image on #container. Have only just noticed this. Cannot find any reason for it to be so. I have a very similar site with a background image on #container and it has no problems in IE. Can anyone spot the problem? I would be most grateful. Kind regards Lyn www.westernwebdesign.com.au Affordable web design - Perth *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Background image not visible in ie
The guys over at unit interactive also have a help script to help fix the issues with transparent PNG images in IE6. http://labs.unitinteractive.com/unitpngfix.php I highly recommend this script very handy and concise. The one problem I have noticed with it is that it doesn't respect background position on background images - everything goes to (0,0) . If this is ok, it is a great solution and can of course be applied via a conditional comment meaning no superfluous code for 'decent' browsers. James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Background image not visible in ie
It does of course require JavaScript which isn't strictly necessary as you can get the same effect with just CSS (especially for the purposes of the example given initially). With regards to background image positioning, I'm fairly sure there is no way to stop it going to position (0,0) as that's how the Microsoft Filter works. Ben --- e: b...@bendodson.com w: http://bendodson.com/ Feeling social? Connect with me on various social networks at http://social.bendodson.com/ - You might also want to follow me on Twitter at http://twitter.com/bendodson On 29 Apr 2009, at 13:46, James Leslie wrote: The guys over at unit interactive also have a help script to help fix the issues with transparent PNG images in IE6. http://labs.unitinteractive.com/unitpngfix.php I highly recommend this script very handy and concise. The one problem I have noticed with it is that it doesn't respect background position on background images - everything goes to (0,0) . If this is ok, it is a great solution and can of course be applied via a conditional comment meaning no superfluous code for 'decent' browsers. James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Background image not visible in ie
Have you used the CSS: background-position: center center; ? -- Brett P. On Wed, Apr 29, 2009 at 12:48 PM, Ben Dodson b...@bendodson.com wrote: It does of course require JavaScript which isn't strictly necessary as you can get the same effect with just CSS (especially for the purposes of the example given initially). With regards to background image positioning, I'm fairly sure there is no way to stop it going to position (0,0) as that's how the Microsoft Filter works. Ben --- *e:* b...@bendodson.com *w:* http://bendodson.com/ Feeling social? Connect with me on various social networks at http://social.bendodson.com/ - You might also want to follow me on Twitter at http://twitter.com/bendodson On 29 Apr 2009, at 13:46, James Leslie wrote: The guys over at unit interactive also have a help script to help fix the issues with transparent PNG images in IE6. http://labs.unitinteractive.com/unitpngfix.php I highly recommend this script very handy and concise. The one problem I have noticed with it is that it doesn't respect background position on background images - everything goes to (0,0) . If this is ok, it is a great solution and can of course be applied via a conditional comment meaning no superfluous code for 'decent' browsers. James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Background image not visible in ie
The only place I ran into a problem with the background position was using sprites for the menu on this site: http://thebrokenfamilyband.com I needed to use pixels for left and top values so didn't try 'center', maybe it would work. In the end I just used a conditional comment stylesheet to deliver IE6 a text only menu instead. The beauty of the script was not needing to set the filter on numerous elements as it searches for all PNGs and fixes them, but as mentioned it does require JavaScript as a small disadvantage. If you only want 1 or 2 PNGs then the filter is probably lighter. J From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Brett Patterson Sent: 29 April 2009 18:00 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Background image not visible in ie Have you used the CSS: background-position: center center; ? -- Brett P. On Wed, Apr 29, 2009 at 12:48 PM, Ben Dodson b...@bendodson.com wrote: It does of course require JavaScript which isn't strictly necessary as you can get the same effect with just CSS (especially for the purposes of the example given initially). With regards to background image positioning, I'm fairly sure there is no way to stop it going to position (0,0) as that's how the Microsoft Filter works. Ben --- e: b...@bendodson.com w: http://bendodson.com/ Feeling social? Connect with me on various social networks at http://social.bendodson.com/ - You might also want to follow me on Twitter at http://twitter.com/bendodson On 29 Apr 2009, at 13:46, James Leslie wrote: The guys over at unit interactive also have a help script to help fix the issues with transparent PNG images in IE6. http://labs.unitinteractive.com/unitpngfix.php I highly recommend this script very handy and concise. The one problem I have noticed with it is that it doesn't respect background position on background images - everything goes to (0,0) . If this is ok, it is a great solution and can of course be applied via a conditional comment meaning no superfluous code for 'decent' browsers. James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Background image not visible in ie
Thanks Ben, Phillip, James and Brett The guys over at unit interactive also have a help script to help fix the issues with transparent PNG images in IE6. http://labs.unitinteractive.com/unitpngfix.php I thought I would have a go at this one first - with the result that IE7 shows an index page with no CSS evident and no #header image (because it is positioned center center?) or #container background image, and in IE6 just a blank white page. I put the js file in the main file folder (the Lightbox js files are in a js folder, but I also tried putting this file in the js folder, too with no change in result), added script type=text/javascript src=unitpngfix.js in the head and also in the head I put the conditional comment. Also put the clear.gif image in the correct place: images/clear.gif.The js already had this path for the image. So where have I gone wrong? Just working on the computer ATM, have not uploaded any of this. Thanks Kind regards Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
