firefox loads funny at first

[windandwaves]

Hi Folk

Please have a look at:
http://www.sunnysideup.co.nz/clients/azur/comfort.php
and browse through the pages.

Firefox loads some of them funny at first (e.g. extra space between content
and footer, adds scrollbar to page when everything fits, etc...) and then
when I reload them, the pages load normal as intended.

It is particularly noticeable on this page:

http://www.sunnysideup.co.nz/clients/azur/individual.php

What is this all about?

TIA

- Nicolaas

 

[windandwaves]

Hi Folk

Please have a look at:
http://www.sunnysideup.co.nz/clients/azur/comfort.php
and browse through the pages.

Firefox loads some of them funny at first (e.g. extra space between
content and footer, adds scrollbar to page when everything fits,
etc...) and then when I reload them, the pages load normal as
intended.
It is particularly noticeable on this page:

http://www.sunnysideup.co.nz/clients/azur/individual.php

What is this all about?

TIA

- Nicolaas

My actual guess is that it already renders the page before it interpreted
all the css correctly. Is there a way in PHP to send the stylesheet in
advance or is there another way (e.g. javascript) to make sure that all the
css has been interpreted before the page is rendered?

TIA

- Nicolaas

 

[Chris Beall]

Hi Folk

Please have a look at:
http://www.sunnysideup.co.nz/clients/azur/comfort.php
and browse through the pages.

Firefox loads some of them funny at first (e.g. extra space between content
and footer, adds scrollbar to page when everything fits, etc...) and then
when I reload them, the pages load normal as intended.

It is particularly noticeable on this page:

http://www.sunnysideup.co.nz/clients/azur/individual.php

What is this all about?

TIA

- Nicolaas

Nicolaas,

I couldn't quite reproduce the effect as you describe it, but I would
start by putting explicit height="xxx" and width="xxx" attributes on all
of your <img> tags (matching the actual image dimensions). This will
allow the browser to reserve an appropriate sized space for each image
before it has actually downloaded that image.

Chris Beall

 

[windandwaves]

Nicolaas,

I couldn't quite reproduce the effect as you describe it, but I would
start by putting explicit height="xxx" and width="xxx" attributes on
all of your <img> tags (matching the actual image dimensions). This
will allow the browser to reserve an appropriate sized space for each
image before it has actually downloaded that image.

Hmmm, having looked at it again, I think this may be the exact problem.
Will do.

 

[Toby Inkster]

Is there a way in PHP to send the stylesheet in advance

For Mozilla...

<?php
if ($is_mozilla)
{
header("Link: <http://www.example.org/style.css>; REL=stylesheet");
sleep(1);
}
?>

right at the top of the page. (Write your own code to detect Mozilla.)