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 ***
