Re: [WSG] IE6 display issue

[Chris F.A. Johnson]

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:
> > > > > >.
> > > > > >   
> >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 
   ===
   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

[Western Web Design]

.


   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

[Stuart Foulstone]

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:
>>
>> 
>> $(document).ready(function() {
>>  $('#pics').cycle({
>>  fx:'fade',
>>  speed:  2500,
>>  timeout: 5500,
>>  random: 1,
>>  pause:  1
>>  });
>> });
>> 
>>
>> If that still doesn't work, try moving the javascript after the .
>>
> 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

[Foskett, Mike]

> "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:
>>
>> 
>> $(document).ready(function() {
>>  $('#pics').cycle({
>>  fx:'fade',
>>  speed:  2500,
>>  timeout: 5500,
>>  random: 1,
>>  pause:  1
>>  });
>> });
>> 
>>
>> If that still doesn't work, try moving the javascript after the .
>>
> 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

[Kepler Gelotte]

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

 













 

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


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

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

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

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