RE: [WSG] IE6 display issue
Apparently, placing the script at the bottom means it is not executed until all the rest of the HTML has loaded, but not necessarily all the images, while onload()only starts after everything on the page has loaded. on On Fri, October 9, 2009 11:18 am, Foskett, Mike wrote: Try onload() event handler Alternatively place the script at the bottom of the page? mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Stuart Foulstone Sent: 09 October 2009 11:00 To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE6 display issue Try onload() event handler, see: http://javascript.about.com/library/bltut31.htm On Fri, October 9, 2009 6:55 am, Western Web Design wrote: Kepler Gelotte wrote: In IE6, although the image fades and replaces etc, the #header is enlarged to accommodate all 4 images though three remain hidden. Hi, I suspect that the javascript is executing before the page has fully loaded so the images are not able to be stacked by the javascript function. To make sure your page has fully loaded try using the document.ready function of jquery: SCRIPT type=text/javascript $(document).ready(function() { $('#pics').cycle({ fx:'fade', speed: 2500, timeout: 5500, random: 1, pause: 1 }); }); /SCRIPT If that still doesn't work, try moving the javascript after the /body. Have tried both to no avail. You sound like you are on the right track, though. Thanks! -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** 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 *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** 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] IE6 display issue
Kepler Gelotte wrote: In IE6, although the image fades and replaces etc, the #header is enlarged to accommodate all 4 images though three remain hidden. Hi, I suspect that the javascript is executing before the page has fully loaded so the images are not able to be stacked by the javascript function. To make sure your page has fully loaded try using the document.ready function of jquery: SCRIPT type=text/javascript $(document).ready(function() { $('#pics').cycle({ fx:'fade', speed: 2500, timeout: 5500, random: 1, pause: 1 }); }); /SCRIPT If that still doesn't work, try moving the javascript after the /body. Have tried both to no avail. You sound like you are on the right track, though. Thanks! -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
On Fri, 9 Oct 2009, Western Web Design wrote: Chris F.A. Johnson wrote: http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. As you can see from the JPEG I posted, the CAPABILITY STATEMENT falls below the footer. You need to add clear: both to the Website by paragraph. OK thanks - I am assuming this issue is only in IE6? I've done a lot of browsershots and they seem OK as far as the #footer is concerned, except for IE6. It has nothing to do with the browser. I'm using FireFox, but it would be the same in any browser. In order to be able to read the site, I have the font-size larger than you have allowed for. But, as I mentioned, the problem is not just that, but the fact that you have your credits where the third footerbox should be, so the box is pushed down. -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
. In order to be able to read the site, I have the font-size larger than you have allowed for. But, as I mentioned, the problem is not just that, but the fact that you have your credits where the third footerbox should be, so the box is pushed down. Yes, I see the problem now. (At last!) Will work on it. Thanks for the help. Much appreciated! -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
Try onload() event handler, see: http://javascript.about.com/library/bltut31.htm On Fri, October 9, 2009 6:55 am, Western Web Design wrote: Kepler Gelotte wrote: In IE6, although the image fades and replaces etc, the #header is enlarged to accommodate all 4 images though three remain hidden. Hi, I suspect that the javascript is executing before the page has fully loaded so the images are not able to be stacked by the javascript function. To make sure your page has fully loaded try using the document.ready function of jquery: SCRIPT type=text/javascript $(document).ready(function() { $('#pics').cycle({ fx:'fade', speed: 2500, timeout: 5500, random: 1, pause: 1 }); }); /SCRIPT If that still doesn't work, try moving the javascript after the /body. Have tried both to no avail. You sound like you are on the right track, though. Thanks! -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** 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] IE6 display issue
Try onload() event handler Alternatively place the script at the bottom of the page? mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Stuart Foulstone Sent: 09 October 2009 11:00 To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE6 display issue Try onload() event handler, see: http://javascript.about.com/library/bltut31.htm On Fri, October 9, 2009 6:55 am, Western Web Design wrote: Kepler Gelotte wrote: In IE6, although the image fades and replaces etc, the #header is enlarged to accommodate all 4 images though three remain hidden. Hi, I suspect that the javascript is executing before the page has fully loaded so the images are not able to be stacked by the javascript function. To make sure your page has fully loaded try using the document.ready function of jquery: SCRIPT type=text/javascript $(document).ready(function() { $('#pics').cycle({ fx:'fade', speed: 2500, timeout: 5500, random: 1, pause: 1 }); }); /SCRIPT If that still doesn't work, try moving the javascript after the /body. Have tried both to no avail. You sound like you are on the right track, though. Thanks! -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** 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 *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IE6 display issue
Have tried both to no avail. You sound like you are on the right track, though. Thanks! The only other thing I can think of to try is to add this to your css file: .rotating_images {top: 0px; left: 0px; z-index: 3; position: absolute; opacity: 0; display: none;} And then add that class to all of your images in thes #pics div: div id=pics img class=rotating_images src=images/fade5.jpg alt= / img class=rotating_images src=images/fade6.jpg alt= / img class=rotating_images src=images/fade7.jpg alt= / img class=rotating_images src=images/fade8.jpg alt= / /div Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** 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 ***
[Spam] :Re: [WSG] IE6 display issue
Hi, Generated source: DIV id=header style=FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' http://www.westernwebdesign.com.au/keynorthcontractors/images/logo.png',sizingMethod='crop'); BACKGROUND-IMAGE: none; POSITION: static; *HEIGHT: 816px* It looks like a JS bug. There's two easy things you could try. 1. Just put overflow: hidden; on the #pics div. 2. Add a line to your script: $('#header').height(200); Try it before your $('#pics').cycle() statement, and if that fails, try it after. At a guess, jQuery for whatever reason isn't aware that the height of the element has changed (during DOM loading it would be 816px high). I only briefly looked at jQuery's source, but it looks as if it sets a height on any element that a DX filter gets applied to (in order to trigger hasLayout, I presume). Setting the height from jQuery should solve the problem, though I still recommend sticking overflow:hidden on the #pics div. Let me know how it goes. - James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [Spam] :Re: [WSG] IE6 display issue
Hi James It looks like a JS bug. There's two easy things you could try. 1. Just put overflow: hidden; on the #pics div. Brilliant! That's all it took! Thanks to all who replied with suggestions. Kind regards Lyn -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
On Fri, 9 Oct 2009, Western Web Design wrote: http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
HiChris http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. I am not seeing that at all - where are you seeing it? 3 boxes @ 250px wide should fit in a 900px wide footer, shouldn't they? Even with padding I changed the original liquid design to a fixed width one as I was getting a lot of problems like that so I don't understand how it is happening. Thanks Lyn -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
On Fri, 9 Oct 2009, Western Web Design wrote: http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. I am not seeing that at all - where are you seeing it? 3 boxes @ 250px wide should fit in a 900px wide footer, shouldn't they? Even with padding I changed the original liquid design to a fixed width one as I was getting a lot of problems like that so I don't understand how it is happening. The text doesn't fit into the height you have given the box. (Not everyone uses the same font-size as you.) The spacing on the justified text is made worse because you have contrained the width; if it were allowed to expand to fill the window, more words would fit on a line and there wouldn't be such large interword spacing. -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IE6 display issue
In IE6, although the image fades and replaces etc, the #header is enlarged to accommodate all 4 images though three remain hidden. Hi, I suspect that the javascript is executing before the page has fully loaded so the images are not able to be stacked by the javascript function. To make sure your page has fully loaded try using the document.ready function of jquery: SCRIPT type=text/javascript $(document).ready(function() { $('#pics').cycle({ fx:'fade', speed: 2500, timeout: 5500, random: 1, pause: 1 }); }); /SCRIPT If that still doesn't work, try moving the javascript after the /body. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
Chris F.A. Johnson wrote: On Fri, 9 Oct 2009, Western Web Design wrote: http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. I am not seeing that at all - where are you seeing it? 3 boxes @ 250px wide should fit in a 900px wide footer, shouldn't they? Even with padding I changed the original liquid design to a fixed width one as I was getting a lot of problems like that so I don't understand how it is happening. The text doesn't fit into the height you have given the box. (Not everyone uses the same font-size as you.) Sorry, Chris - I have not given the box a height so not sure what you mean. It has margin and padding. The spacing on the justified text is made worse because you have contrained the width; I don't know what you mean by contrained. Sorry, not a word I have come across. I have changed the justified text to left-align. Does this make a difference? Thanks. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
On Fri, 9 Oct 2009, Western Web Design wrote: Chris F.A. Johnson wrote: On Fri, 9 Oct 2009, Western Web Design wrote: http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. I am not seeing that at all - where are you seeing it? 3 boxes @ 250px wide should fit in a 900px wide footer, shouldn't they? Even with padding I changed the original liquid design to a fixed width one as I was getting a lot of problems like that so I don't understand how it is happening. The text doesn't fit into the height you have given the box. (Not everyone uses the same font-size as you.) Sorry, Chris - I have not given the box a height so not sure what you mean. It has margin and padding. As you can see from the JPEG I posted, the CAPABILITY STATEMENT falls below the footer. You need to add clear: both to the Website by paragraph. The spacing on the justified text is made worse because you have contrained the width; I don't know what you mean by contrained. Sorry, not a word I have come across. Typo; I meant constrained. I have changed the justified text to left-align. Does this make a difference? That is better. -- Chris F.A. Johnson, webmaster http://woodbine-gerrard.com === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
Hi Chris OK - I think I get it now - something to do with font-size. I can see what you see if I don't specify a font-size on the #footer. But as I HAVE specified a font-size, I don't understand why you see what you see. Thanks. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
Chris F.A. Johnson wrote: http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. As you can see from the JPEG I posted, the CAPABILITY STATEMENT falls below the footer. You need to add clear: both to the Website by paragraph. OK thanks - I am assuming this issue is only in IE6? I've done a lot of browsershots and they seem OK as far as the #footer is concerned, except for IE6. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***