Re: [WSG] html page footer problem

2007-11-23 Thread Abdulrahman Al-Otaiba 

Hey Tim,


I would recommend using The Man in blue 's 
method "footerStickAlt 
", it 
requires a little bit of work but it's worth looking, let me know if you 
had luck trying it.



Regards,


on 11/12/2007 01:51 AM Tim MacKay said the following:


Hello all,

 

I am having a problem making a site footer stick to the bottom of the 
browser window with no gap at the bottom throughout a site of varying 
content heights.


 

It is a 3 column floated page with a header and footer. Because of the 
design, the footer colour and graphic needs to be at the absolute 
bottom of the browser window at all times.


 

Does anyone know of a way through JavaScript, pure XHTML/CSS or 
otherwise to make the footer stick to the bottom of the window at all 
times?


 


Thank You,

Tim

 

 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 


--

Abdulrahman Al-Otaiba
http://www.mawqey.com/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] html page footer problem

2007-11-11 Thread Tim MacKay 
Its working fine in Firefox but in IE6 the footer still rolls over top of
the content of the page. And when I add more content to the page the footer
starts at the bottom of the window with the rest of the content carrying on
underneath it. Its weird, its acting very buggy. I don't think its your
code, I think its how im implementing it. Ive got an IE6 conditional style
sheet so Im trying to modify it to fit but I could be missing something.

 

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Dusan Smolnikar
Sent: Monday, 12 November 2007 5:39 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] html page footer problem

 

You have to make sure that you clear all the floats and leave some extra
space (at least as high as the footer) and the end of your normal content
(that is, everything excluding the footer). This way the footer will only
overflow empty space, rather than the content.

 

 

 

On Nov12, 2007, at 1:12 AM, Tim MacKay wrote:





Thanks Dusan,

 

That is exactly what im looking for. I have put in your code and the footer
is sticking to the bottom of the page, but when I scroll up it goes over the
main 3 columns of content. I want it to stop at the bottom of the main page
content. I see that in your example that is what you have so I am going to
go back and read over your code. Will this work with floated elements in the
page?

 

Thanks again for your replies,

 

Tim

 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] html page footer problem

2007-11-11 Thread Dusan Smolnikar 
You have to make sure that you clear all the floats and leave some  
extra space (at least as high as the footer) and the end of your  
normal content (that is, everything excluding the footer). This way  
the footer will only overflow empty space, rather than the content.




On Nov12, 2007, at 1:12 AM, Tim MacKay wrote:


Thanks Dusan,

That is exactly what im looking for. I have put in your code and the  
footer is sticking to the bottom of the page, but when I scroll up  
it goes over the main 3 columns of content. I want it to stop at the  
bottom of the main page content. I see that in your example that is  
what you have so I am going to go back and read over your code. Will  
this work with floated elements in the page?


Thanks again for your replies,

Tim




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] html page footer problem

2007-11-11 Thread Al Stoiche 
Hi Tim,

I think having bottom:0 means that it will only stick to the bottom of
the browser window, and if there is content going past it, it doesnt
get pushed with it.

Here is the site I usually use for it:

http://www.themaninblue.com/writing/perspective/2005/08/29/

Good luck!

On 12/11/2007, Tim MacKay <[EMAIL PROTECTED]> wrote:
>
>
>
>
> Thanks Dusan,
>
>
>
> That is exactly what im looking for. I have put in your code and the footer
> is sticking to the bottom of the page, but when I scroll up it goes over the
> main 3 columns of content. I want it to stop at the bottom of the main page
> content. I see that in your example that is what you have so I am going to
> go back and read over your code. Will this work with floated elements in the
> page?
>
>
>
> Thanks again for your replies,
>
>
>
> Tim
>
>
>
>
>
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of Dusan Smolnikar
>  Sent: Monday, 12 November 2007 10:01 AM
>  To: wsg@webstandardsgroup.org
>  Subject: Re: [WSG] html page footer problem
>
>
>
> See if this entry solves your problem
>
>
> http://dusan.fora.si/blog/how-to-move-that-footer-to-the-bottom
>
>
>
>
>
> From your mail I'm not sure what exactly you're looking for, so correct me
> if you're asking for something else.
>
>
>
>
>
>
>
>
> regards
>
>
> Dusan
>
>
>
>
>
>
>
>
>
>
>
>
> On Nov11, 2007, at 11:51 PM, Tim MacKay wrote:
>
>
>
>
>
>
>
>
> I am having a problem making a site footer stick to the bottom of the
> browser window with no gap at the bottom throughout a site of varying
> content heights.
>
>
>
>
> ***
>  List Guidelines:
> http://webstandardsgroup.org/mail/guidelines.cfm
>  Unsubscribe:
> http://webstandardsgroup.org/join/unsubscribe.cfm
>  Help: [EMAIL PROTECTED]
> ***
>
> ***
> List Guidelines:
> http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe:
> http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] html page footer problem

2007-11-11 Thread Tim MacKay 
Thanks Dusan, 

 

That is exactly what im looking for. I have put in your code and the footer
is sticking to the bottom of the page, but when I scroll up it goes over the
main 3 columns of content. I want it to stop at the bottom of the main page
content. I see that in your example that is what you have so I am going to
go back and read over your code. Will this work with floated elements in the
page?

 

Thanks again for your replies,

 

Tim

 

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Dusan Smolnikar
Sent: Monday, 12 November 2007 10:01 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] html page footer problem

 

See if this entry solves your problem

http://dusan.fora.si/blog/how-to-move-that-footer-to-the-bottom

 

>From your mail I'm not sure what exactly you're looking for, so correct me
if you're asking for something else.

 

 

regards

Dusan

 

 

 

On Nov11, 2007, at 11:51 PM, Tim MacKay wrote:

 

I am having a problem making a site footer stick to the bottom of the
browser window with no gap at the bottom throughout a site of varying
content heights.

 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] html page footer problem

2007-11-11 Thread Tom Roper 

Hi Tim


try this,

 your footer {no-repeat fixed bottom}

in the css file, should work.

Tom



On 11 Nov 2007, at 22:51, Tim MacKay wrote:


Hello all,

I am having a problem making a site footer stick to the bottom of  
the browser window with no gap at the bottom throughout a site of  
varying content heights.


It is a 3 column floated page with a header and footer. Because of  
the design, the footer colour and graphic needs to be at the  
absolute bottom of the browser window at all times.


Does anyone know of a way through JavaScript, pure XHTML/CSS or  
otherwise to make the footer stick to the bottom of the window at  
all times?


Thank You,
Tim



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] html page footer problem

2007-11-11 Thread Dusan Smolnikar 

See if this entry solves your problem
http://dusan.fora.si/blog/how-to-move-that-footer-to-the-bottom

From your mail I'm not sure what exactly you're looking for, so  
correct me if you're asking for something else.



regards
Dusan



On Nov11, 2007, at 11:51 PM, Tim MacKay wrote:

I am having a problem making a site footer stick to the bottom of  
the browser window with no gap at the bottom throughout a site of  
varying content heights.




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***