position:fixed, bottom:0px broken in IE6?

[Damien McKenna-4]

I'm trying to do a static footer (id="total") in my web page that  
should be on the very bottom of the screen with the rest of the  
content scrolling above it.  Right now it works just great in Firefox  
1.5 and Safari, but IE6 only displays it at the bottom of the other  
content.  Any ideas on what I might need to do to get it working?  My  
CSS code is as follows:

body {
        margin: 0;
        padding: 0;
}

/* the static footer */
#total {
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        padding: 3px 0px 3px 0px;
        height: 25px;
        background-color: #E2ECC6;
        border-top: 1px solid #7B9632;
        font-size: 20px;
        text-align: center;
}

/* this contains the rest of the page */
#container {
        position: relative;
        width: 770px;
        border-left: 1px solid black;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        margin: 0 auto;
        padding: 5px;
        background-color: white;
}

Any ideas folks?  Thanks.

--
Damien McKenna - Web Developer - dmckenna@...
The Limu Company - http://www.thelimucompany.com/ - 407-804-1014
#include <stdjoke.h>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:41:2650
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/41
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:41
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.41
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

[Sandra Clark]

Position:fixed does not work in IE6. It is one of the items that has been
added to IE7 (not that it helps you right now).  There are no workarounds
for it.


Sandra Clark
==============================
http://www.shayna.com
Training in Cascading Style Sheets and Accessibility
-----Original Message-----
From: Damien McKenna [mailto:dmckenna@...]
Sent: Wednesday, June 07, 2006 2:40 PM
To: CSS
Subject: position:fixed, bottom:0px broken in IE6?

I'm trying to do a static footer (id="total") in my web page that should be
on the very bottom of the screen with the rest of the content scrolling
above it.  Right now it works just great in Firefox
1.5 and Safari, but IE6 only displays it at the bottom of the other content.
Any ideas on what I might need to do to get it working?  My CSS code is as
follows:

body {
        margin: 0;
        padding: 0;
}

/* the static footer */
#total {
        position: fixed;
        left: 0px;
        bottom: 0px;
        width: 100%;
        padding: 3px 0px 3px 0px;
        height: 25px;
        background-color: #E2ECC6;
        border-top: 1px solid #7B9632;
        font-size: 20px;
        text-align: center;
}

/* this contains the rest of the page */ #container {
        position: relative;
        width: 770px;
        border-left: 1px solid black;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        margin: 0 auto;
        padding: 5px;
        background-color: white;
}

Any ideas folks?  Thanks.

--
Damien McKenna - Web Developer - dmckenna@... The Limu
Company - http://www.thelimucompany.com/ - 407-804-1014 #include <stdjoke.h>



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:41:2651
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/41
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:41
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.41
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

[Zaphod Beeblebrox-3]

well, IE7 from dean edwards will make IE6 support it.  Sometimes
though, his program can cause more problems than it fixes.

http://dean.edwards.name/IE7/



On 6/7/06, Sandra Clark <sllists@...> wrote:

> Position:fixed does not work in IE6. It is one of the items that has been
> added to IE7 (not that it helps you right now).  There are no workarounds
> for it.
>
>
> Sandra Clark
> ==============================
> http://www.shayna.com
> Training in Cascading Style Sheets and Accessibility
> -----Original Message-----
> From: Damien McKenna [mailto:dmckenna@...]
> Sent: Wednesday, June 07, 2006 2:40 PM
> To: CSS
> Subject: position:fixed, bottom:0px broken in IE6?
>
> I'm trying to do a static footer (id="total") in my web page that should be
> on the very bottom of the screen with the rest of the content scrolling
> above it.  Right now it works just great in Firefox
> 1.5 and Safari, but IE6 only displays it at the bottom of the other content.
> Any ideas on what I might need to do to get it working?  My CSS code is as
> follows:
>
> body {
>         margin: 0;
>         padding: 0;
> }
>
> /* the static footer */
> #total {
>         position: fixed;
>         left: 0px;
>         bottom: 0px;
>         width: 100%;
>         padding: 3px 0px 3px 0px;
>         height: 25px;
>         background-color: #E2ECC6;
>         border-top: 1px solid #7B9632;
>         font-size: 20px;
>         text-align: center;
> }
>
> /* this contains the rest of the page */ #container {
>         position: relative;
>         width: 770px;
>         border-left: 1px solid black;
>         border-right: 1px solid black;
>         border-bottom: 1px solid black;
>         margin: 0 auto;
>         padding: 5px;
>         background-color: white;
> }
>
> Any ideas folks?  Thanks.
>
> --
> Damien McKenna - Web Developer - dmckenna@... The Limu
> Company - http://www.thelimucompany.com/ - 407-804-1014 #include <stdjoke.h>
>
>
>
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:41:2652
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/41
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:41
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.41
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

[Damien McKenna-4]

On Jun 7, 2006, at 2:51 PM, Sandra Clark wrote:
> Position:fixed does not work in IE6. It is one of the items that  
> has been
> added to IE7 (not that it helps you right now).  There are no  
> workarounds
> for it.

Well don't that just suck.  Any ideas on alternative techniques to  
reach the same conclusion - Javascript, et al?  Thanks.

--
Damien McKenna - Web Developer - dmckenna@...
The Limu Company - http://www.thelimucompany.com/ - 407-804-1014
#include <stdjoke.h>



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:41:2653
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/41
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:41
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.41
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

[Damien McKenna-4]

Knowing that it was the position:fixed part causing the problem, I  
got it working beautifully using:
http://www.doxdesk.com/software/js/fixed.html

--
Damien McKenna - Web Developer - dmckenna@...
The Limu Company - http://www.thelimucompany.com/ - 407-804-1014
#include <stdjoke.h>



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:41:2654
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/41
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:41
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.41
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54