Positioning a DIV at bottom of page

[John Smith]

Is it possible to position a DIV so that it will always be at the
bottom of the screen without having to use absolute positioning or
using the background image workaround?
Thank you!

[Neal]

On Wed, 12 May 2004 23:00:47 -0500, John Smith
<3r*********@sn eakemail.com> wrote:

Is it possible to position a DIV so that it will always be at the
bottom of the screen without having to use absolute positioning or
using the background image workaround?

Kind of. Microsoft won't support it, but it exists. Write to Microsoft and
ask them to fix IE6 to support position: fixed; - if enough people do it,
they might...

[John Smith]

On Thu, 13 May 2004 00:37:56 -0400, Neal <ne*****@yahoo. com> wrote:

:On Wed, 12 May 2004 23:00:47 -0500, John Smith
:<3r*********@s neakemail.com> wrote:
:
:> Is it possible to position a DIV so that it will always be at the
:> bottom of the screen without having to use absolute positioning or
:> using the background image workaround?
:
:Kind of. Microsoft won't support it, but it exists. Write to Microsoft and
:ask them to fix IE6 to support position: fixed; - if enough people do it,
:they might...
How is this different that position: absolute? It looks like I would
still have to set a top value....

[Neal]

On Wed, 12 May 2004 23:42:26 -0500, John Smith
<3r*********@sn eakemail.com> wrote:

On Thu, 13 May 2004 00:37:56 -0400, Neal <ne*****@yahoo. com> wrote:

:On Wed, 12 May 2004 23:00:47 -0500, John Smith
:<3r*********@s neakemail.com> wrote:
:
:> Is it possible to position a DIV so that it will always be at the
:> bottom of the screen without having to use absolute positioning or
:> using the background image workaround?
:
:Kind of. Microsoft won't support it, but it exists. Write to Microsoft
and
:ask them to fix IE6 to support position: fixed; - if enough people do
it,
:they might...
How is this different that position: absolute? It looks like I would
still have to set a top value....

Nope. position: absolute; bottom: 0; should put the element at the bottom
of the page, whether above the fold or below, and it scrolls with the
page. Fixed won't scroll, it stays put, and using bottom: 0; it serves as
a "footer" at the bottom of the viewport.

[Richard]

"John Smith" <3r*********@sn eakemail.com> wrote in message
news:si******** *************** *********@4ax.c om...

Is it possible to position a DIV so that it will always be at the
bottom of the screen without having to use absolute positioning or
using the background image workaround?
Thank you!

Set division1 to a fixed height larger than you'll ever need.
Set division2 directly below it.
do all of your layout work in division 1.

<division1>
<division3>ya da yada</division3>
<division4>qwer ty</division4>
</division1>
<division2>bl ah blah</division2>

[Neal]

On Wed, 12 May 2004 23:38:47 -0500, Richard <An*******@127. 001> wrote:

"John Smith" <3r*********@sn eakemail.com> wrote in message
news:si******** *************** *********@4ax.c om...

Is it possible to position a DIV so that it will always be at the
bottom of the screen without having to use absolute positioning or
using the background image workaround?
Thank you!

Set division1 to a fixed height larger than you'll ever need.
Set division2 directly below it.
do all of your layout work in division 1.

<division1>
<division3>ya da yada</division3>
<division4>qwer ty</division4>
</division1>
<division2>bl ah blah</division2>

How will that put it at the bottom of the screen? It might very well not
reach the bottom of the screen, or be lower so I have to scroll to get to
it.

[Barry Pearson]

Neal wrote:

On Wed, 12 May 2004 23:00:47 -0500, John Smith
<3r*********@sn eakemail.com> wrote:

Is it possible to position a DIV so that it will always be at the
bottom of the screen without having to use absolute positioning or
using the background image workaround?

Kind of. Microsoft won't support it, but it exists. Write to
Microsoft and ask them to fix IE6 to support position: fixed; - if
enough people do it, they might...

True. But there are some work-arounds, for IE's lack of support for {
position: fixed }. There are separate work-arounds for IE 5 & IE 6. I think I
read about them here.

I used the following extra CSS for one page. I used a conditional comment in
the head block so that only IE saw this. It overrode the "fixed" value of one
of the rules seen by other browsers. It only works for certain of the
elements, I think. (And is *not* a substitute for IE doing things right!)

html {
overflow: hidden;
}
body {
height: 100%;
overflow: auto;
}
..someclass {
position: absolute;
}

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/

[John Smith]

On Thu, 13 May 2004 00:56:51 -0400, Neal <ne*****@yahoo. com> wrote:

:On Wed, 12 May 2004 23:42:26 -0500, John Smith
:<3r*********@s neakemail.com> wrote:
:
:> On Thu, 13 May 2004 00:37:56 -0400, Neal <ne*****@yahoo. com> wrote:
:>
:> :On Wed, 12 May 2004 23:00:47 -0500, John Smith
:> :<3r*********@s neakemail.com> wrote:
:> :
:> :> Is it possible to position a DIV so that it will always be at the
:> :> bottom of the screen without having to use absolute positioning or
:> :> using the background image workaround?
:> :
:> :Kind of. Microsoft won't support it, but it exists. Write to Microsoft
:> and
:> :ask them to fix IE6 to support position: fixed; - if enough people do
:> it,
:> :they might...
:>
:>
:> How is this different that position: absolute? It looks like I would
:> still have to set a top value....
:
:Nope. position: absolute; bottom: 0; should put the element at the bottom
:of the page, whether above the fold or below, and it scrolls with the
:page. Fixed won't scroll, it stays put, and using bottom: 0; it serves as
:a "footer" at the bottom of the viewport.

This works great expect when the page scrolls. Is there a workaround
for that?

[Haines Brown]

"Barry Pearson" <ne**@childsupp ortanalysis.co. uk> writes:

Neal wrote: I used the following extra CSS for one page. I used a conditional
comment in the head block so that only IE saw this.

Neal,

I understand your general point, but wondered about "conditiona l
comment." Don't EI and Mozilla respond to a comment in the header
style the same way?

--
Haines Brown

[Els]

Haines Brown wrote:

"Barry Pearson" <ne**@childsupp ortanalysis.co. uk> writes:

Neal wrote:

I used the following extra CSS for one page. I used a conditional
comment in the head block so that only IE saw this.

Neal,

I understand your general point, but wondered about "conditiona l
comment." Don't EI and Mozilla respond to a comment in the header
style the same way?

It's Barry who mentioned the conditional comment, not Neal ;-)

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -