Stylesheets - Is this Too Much To Ask ? 3-rows, header, fluid middle and bottom footer

Author

Is this Too Much To Ask ? 3-rows, header, fluid middle and bottom footer

Rivotti

2007-10-18, 6:19 pm

I searched and searched and NADA !

please help.

I need to have 3 rows that include a:
header fixed on the top
middle that occupies 100% of available space
and a fotter that is fixed to the bottom of the page.

thanks so much for help

Nik Coughlin

2007-10-18, 6:19 pm

"Rivotti" <MelHeravi@XXXXXXXXXX> wrote in message
news:1192741094.101392.290620@v29g2000prd.googlegroups.com...
>I searched and searched and NADA !
>
> please help.
>
> I need to have 3 rows that include a:
> header fixed on the top
> middle that occupies 100% of available space
> and a fotter that is fixed to the bottom of the page.
>
> thanks so much for help
>

http://www.alistapart.com/articles/footers

dorayme

2007-10-18, 6:19 pm

In article
<1192741094.101392.290620@v29g2000prd.googlegroups.com>,
Rivotti <MelHeravi@XXXXXXXXXX> wrote:

> I searched and searched and NADA !
>
> please help.
>
> I need to have 3 rows that include a:
> header fixed on the top
> middle that occupies 100% of available space
> and a fotter that is fixed to the bottom of the page.
>
> thanks so much for help

You might look at

http://beta.ksscholl.com/jquery/template.html

I think he has a sticky footer there... And he seems to have a
header and yes... there is some content too...

--
dorayme

Kevin Scholl

2007-10-18, 10:27 pm

dorayme wrote:
> In article
> <1192741094.101392.290620@v29g2000prd.googlegroups.com>,
> Rivotti <MelHeravi@XXXXXXXXXX> wrote:
>
>
> You might look at
>
> http://beta.ksscholl.com/jquery/template.html
>
> I think he has a sticky footer there... And he seems to have a
> header and yes... there is some content too...

Wow ... thanks for the plug, dorayme! Yes, that method has proven to be
pretty successful. The CSS of interest is contained in the following files:

http://beta.ksscholl.com/jquery/css/default.css
http://beta.ksscholl.com/jquery/css/ie.css

the latter being called conditionally in the HTML. The core elements
which allow the sticky footer are:

html
body
container
main1column
footer

through manipulation of height, margin, and padding.

Good luck!

--

Kevin Scholl
http://www.ksscholl.com/

dorayme

2007-10-18, 10:28 pm

In article <x_6dnWn2E75mbIranZ2dnUVZ_rignZ2d@comcast.com>,
Kevin Scholl <kscholl@comcast.DELETE.net> wrote:

> dorayme wrote:

>
> Wow ... thanks for the plug, dorayme!

That's ok Kevin, I keep a dirt file on EVERYONE in this group...
<g>

--
dorayme

John L.

2007-10-19, 6:17 pm

Nik Coughlin wrote:
>
> "Rivotti" <MelHeravi@XXXXXXXXXX> wrote in message
> news:1192741094.101392.290620@v29g2000prd.googlegroups.com...
>
> http://www.alistapart.com/articles/footers

Jesus. Reading ALA always reminds me just much CSS positioning sucks.

What an over-complicated mess!

Bergamot

2007-10-19, 6:17 pm

John L. wrote:
> Nik Coughlin wrote:
>
> Jesus. Reading ALA always reminds me just much CSS positioning sucks.

It's ironic that, though ALA has posted some surprisingly useful
articles over the years, I've always found the site to be most readable
with CSS disabled. :-\

--
Berg