Re: [Spam] :Re: [WSG] IE6 display issue

2009-10-09 Thread Western Web Design

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



[Spam] :Re: [WSG] IE6 display issue

2009-10-09 Thread James Ducker
Hi,

Generated source:

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