468,727 Members | 1,540 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,727 developers. It's quick & easy.

Test this for me please! Header + Flash + Footer

Hello all.

Please try this link for me and let me know what you see:

http://www.neave.com/temp/stretch_test.html

You should see a green header filling the top of the page, a red footer
at the very bottom of the page and a white Flash movie filling the gap
in between. You'll need at least Flash Player 7, otherwise it will just
show black. It shouldn't scroll, it should act like a framed page but
uses CSS DIVs instead.

There's a big cross in the Flash movie that goes into the corners of the
page. It should stay in these corners as you resize the browser window.

Here's what I see:
http://www.neave.com/temp/stretch_test.gif
I've tried this on a PC in Opera 9, Firefox 2 and IE7 and works well.
Only on Safari for PC does it not work properly. If you could test it on
a Mac and other browsers I'd really appreciate it.

As you probably know, making a simple table-like page with a header and
footer in CSS is a real pain, and I'm using quite a few hacks in the CSS
to get this to work (view source to see them!), so if you can see any
obvious ways to solve browser problems, please let me know.

Thanks loads!
Paul.
Oct 19 '07 #1
2 2357
In article <p1*******************@newsfe1-win.ntli.net>,
Paul Neave <pa********@nospampleasegmail.comwrote:
Hello all.

Please try this link for me and let me know what you see:

http://www.neave.com/temp/stretch_test.html

You should see a green header filling the top of the page, a red footer
at the very bottom of the page and a white Flash movie filling the gap
in between. You'll need at least Flash Player 7, otherwise it will just
show black. It shouldn't scroll, it should act like a framed page but
uses CSS DIVs instead.

There's a big cross in the Flash movie that goes into the corners of the
page. It should stay in these corners as you resize the browser window.

Here's what I see:
http://www.neave.com/temp/stretch_test.gif
I've tried this on a PC in Opera 9, Firefox 2 and IE7 and works well.
Only on Safari for PC does it not work properly. If you could test it on
a Mac and other browsers I'd really appreciate it.

As you probably know, making a simple table-like page with a header and
footer in CSS is a real pain,
I did not know this but never mind...
and I'm using quite a few hacks in the CSS
to get this to work (view source to see them!), so if you can see any
obvious ways to solve browser problems, please let me know.
In Safari on a Mac, it appears like in FF except that the footer
is unstable. More often than not, it does not appear at all. It
can appear at one browser size and disappear with a very small
adjustment either horiz or vert of the browser size via the
mouse...

Safari is definitely the odd man out on this. I notice it renders
the Flash diagonals differently too, they do not go neatly into
the 2 bottom corners as on the other browsers! They are
equi-distant from the corners at the bottom but in about 10% on
each side.

The problem in Safari seems to be the height in the <object>
code. When this is taken out, the headers and footers work fine
and the latter does not do the disappearing act. But, of course,
you don't get what you want then in other respects. There seems
to be some interference between the space reserved for the footer
and that for the content in Safari calculations? Safari takes
that 100% not to mean what the other browsers take it to mean. It
has its eye fixed at a "virtual point" lower than the bottom of
the browser! Lowering the percentage height achieves more
stability by lessening the chances of a user having the browser
short enough to trigger the interference - but buggers up the
intention of your layout.

As afar as operations in Opera, Safari, Camino, iCab, Firefox are
concerned I got the same results by paring your css down to what
you can see via:

<http://people.aapt.net.au/miltonreid/flash/flash.html>

--
dorayme
Oct 20 '07 #2
dorayme wrote:
In article <p1*******************@newsfe1-win.ntli.net>,
>As you probably know, making a simple table-like page with a header and
footer in CSS is a real pain,

I did not know this but never mind...
Heh, well it has been for me!
>and I'm using quite a few hacks in the CSS
to get this to work (view source to see them!), so if you can see any
obvious ways to solve browser problems, please let me know.

In Safari on a Mac, it appears like in FF except that the footer
is unstable. More often than not, it does not appear at all. It
can appear at one browser size and disappear with a very small
adjustment either horiz or vert of the browser size via the
mouse...

Safari is definitely the odd man out on this. I notice it renders
the Flash diagonals differently too, they do not go neatly into
the 2 bottom corners as on the other browsers! They are
equi-distant from the corners at the bottom but in about 10% on
each side.
Yes I see this on Safari for PC too. It's like the header pushes the
whole Flash content down off the page.
As afar as operations in Opera, Safari, Camino, iCab, Firefox are
concerned I got the same results by paring your css down to what
you can see via:

http://people.aapt.net.au/miltonreid/flash/flash.html
That's fantastic, thanks so much! It looks like it works on all browsers
for PC too now, although I can't test IE6.

Brilliant, I'm a happy man now.
Thanks!
Paul.
Oct 20 '07 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by KongHu | last post: by
9 posts views Thread by Hudson Reis | last post: by
1 post views Thread by test | last post: by
9 posts views Thread by preeto50 | last post: by
2 posts views Thread by =?Utf-8?B?c2lwcHl1Y29ubg==?= | last post: by
9 posts views Thread by bryonone | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.