height:100% CSS hack for Safari ?

Last time, I promise :-)

I'm trying to get a footer to stay put using CSS and divs only - no tables.
Seem to have sorted the IE 5 issue on Mac (I think), but can't find a way
for Safari on Mac to recognise a height:100% declaration.
xhtml and css validates on this example, but the hack I tried for Safari
didn't work:

http://www.mpg.net.nz/css-footer-issue-xhtml.htm

Have also tried other forums but not getting very far with 'em either.
Any help greatly appreciated.
If can't get no love, I'll use an outer table instead, but hopefully I'm not
the only one with this issue and some clever person has a way around it?

Tks yall.

Lossed wrote:

Last time, I promise :-)

I'm trying to get a footer to stay put using CSS and divs only - no tables.
Seem to have sorted the IE 5 issue on Mac (I think),

Think again . It still doesnt work in Mac IE 5.2 osX


but can't find a way

for Safari on Mac to recognise a height:100% declaration.
xhtml and css validates on this example, but the hack I tried for Safari
didn't work:

Give up, its a fruitless task.

Tks for this,
How about:

http://www.mpg.net.nz/table-css-footer-issue-xhtml.htm


"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Lossed wrote:
Last time, I promise :-)

I'm trying to get a footer to stay put using CSS and divs only - no
tables.
Seem to have sorted the IE 5 issue on Mac (I think),

Think again . It still doesnt work in Mac IE 5.2 osX


but can't find a way
for Safari on Mac to recognise a height:100% declaration.
xhtml and css validates on this example, but the hack I tried for Safari
didn't work:

Give up, its a fruitless task.

Lossed wrote:

Tks for this,
How about:

http://www.mpg.net.nz/table-css-footer-issue-xhtml.htm

Thats the nearest so far. It works in Mac Mozilla and Safari. In IE5 it
half works. Whilst the grey <div> stays at the bottom of the viewport
you have to scroll to get to it. ie when I orginally open the window it
is not in view at the foot of the window I need to scroll to get to it.

Tks. That's actually what i want to happen - it to be at the bottom of the
page, not necessarily the bottom of the viewport (unless of course the page
is less than the viewport height). So... can you please resize browser in
Moz and Safari and see if the grey div sticks to bottom of page, beyond the
bottom of the viewport (thus needing to scroll down to get to it)? Cheers
for this.


"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Lossed wrote:

Tks for this,
How about:

http://www.mpg.net.nz/table-css-footer-issue-xhtml.htm

Thats the nearest so far. It works in Mac Mozilla and Safari. In IE5 it
half works. Whilst the grey <div> stays at the bottom of the viewport
you have to scroll to get to it. ie when I orginally open the window it
is not in view at the foot of the window I need to scroll to get to it.

Lossed wrote:

Tks for this,
How about:

http://www.mpg.net.nz/table-css-footer-issue-xhtml.htm

You want that as a footer? In Firefox 0. on Mac, it's vertical center.

As far as I know, making a footer stay down is like trying to nail jelly
to a tree. As Osgood says: Forget it and move on.

See, this is obviously a matter of principals for Big Brothers at W3C.
They could make e.g. table 100% height valid code in a minute, but
won't. They don't like footers - hence, it's of no interest to them that
millions of designers want it. Or maybe it's a inferiority complex
thing: they're just trying to show MS that they *really* won't subscribe
to a simple feature that IE has had for years...


--
Dan Vendel - *GOF*
Contact: http://www.proformica.com/en/contact.shtml
Formmail tutorial: http://www.proformica.com/en/formmail_tutorial.shtml
Nested tables: http://www.proformica.com/en/nested_table_demo.shtml
SEO: http://www.proformica.com/en/search_engine_optimization.shtml
SE Utility: http://www.proformica.com/en/advanced_web_ranking.shtml
Search Dreamweaver newsgroup: http://www.proformica.com/google.html

Great analogy!
If ever I win the lottery I'm buying a Mac so I can see what's going on in
browsers on those platforms b/c the table layout link below works fine in
firefox on my PC. Any suggestions how to keep the grey div of that page at
bottom of greater of viewport or page in firefox on Mac, without adversely
affecting it in other browser/platform combo's?
Trust me to pick the impossible option on my first attempt at CSS !!!!!


"Dan Vendel *GOF*" <see_my_signature_ (AT) _the_bottom_of_the_post (DOT) org> wrote in
message news:cc340o$p3k$3 (AT) forums (DOT) macromedia.com...

Lossed wrote:

Tks for this,
How about:

http://www.mpg.net.nz/table-css-footer-issue-xhtml.htm


You want that as a footer? In Firefox 0. on Mac, it's vertical center.

As far as I know, making a footer stay down is like trying to nail jelly
to a tree. As Osgood says: Forget it and move on.

See, this is obviously a matter of principals for Big Brothers at W3C.
They could make e.g. table 100% height valid code in a minute, but
won't. They don't like footers - hence, it's of no interest to them that
millions of designers want it. Or maybe it's a inferiority complex
thing: they're just trying to show MS that they *really* won't subscribe
to a simple feature that IE has had for years...


--
Dan Vendel - *GOF*
Contact: http://www.proformica.com/en/contact.shtml
Formmail tutorial: http://www.proformica.com/en/formmail_tutorial.shtml
Nested tables: http://www.proformica.com/en/nested_table_demo.shtml
SEO: http://www.proformica.com/en/search_engine_optimization.shtml
SE Utility: http://www.proformica.com/en/advanced_web_ranking.shtml
Search Dreamweaver newsgroup: http://www.proformica.com/google.html

Lossed wrote:

Great analogy!
If ever I win the lottery I'm buying a Mac so I can see what's going on in
browsers on those platforms b/c the table layout link below works fine in
firefox on my PC. Any suggestions how to keep the grey div of that page at
bottom of greater of viewport or page in firefox on Mac, without adversely
affecting it in other browser/platform combo's?
Trust me to pick the impossible option on my first attempt at CSS !!!!!

If I were you, and desperately wanted a footer, I would actually create
a frameset with the footer in a separate frame. Thus, it'll work like
charm in all browsers (except from some old, old relics...). The problem
is that you'd need some integrity to ignore the common advice to stay
away from framesets, since the *are* useful in some cases.

Granted, you might need to use FrameJammer to make pages open inside the
frameset if someone tried to open them separately (like when finding
them through a search engine):
http://www.pawluk.com/public/

But the other, common drawbacks with framesets won't likely apply to
such "minor" frameset construction.

Oh, and I noticed I wrote "principals" instead of "principles" before.
Duh...

--
Dan Vendel - *GOF*
Contact: http://www.proformica.com/en/contact.shtml
Formmail tutorial: http://www.proformica.com/en/formmail_tutorial.shtml
Nested tables: http://www.proformica.com/en/nested_table_demo.shtml
SEO: http://www.proformica.com/en/search_engine_optimization.shtml
SE Utility: http://www.proformica.com/en/advanced_web_ranking.shtml
Search Dreamweaver newsgroup: http://www.proformica.com/google.html

Dan Vendel *GOF* wrote:

You want that as a footer? In Firefox 0. on Mac, it's vertical center.

Dan it works in Firefox on my Mac. The grey <div>?

Osgood wrote:

Dan it works in Firefox on my Mac. The grey <div>?

Ahh..yes. I *can* see it...
I didn't even see it before since it's only 12-14 px high.
Mea culpa.

--
Dan Vendel - *GOF*
Contact: http://www.proformica.com/en/contact.shtml
Formmail tutorial: http://www.proformica.com/en/formmail_tutorial.shtml
Nested tables: http://www.proformica.com/en/nested_table_demo.shtml
SEO: http://www.proformica.com/en/search_engine_optimization.shtml
SE Utility: http://www.proformica.com/en/advanced_web_ranking.shtml
Search Dreamweaver newsgroup: http://www.proformica.com/google.html