[css-d] CSS footer article from A List Apart breaks when width is added (in ie6)

2009-04-14 Thread Dinshaw Gobhai 
I have been using this footer technique for a while:

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

uses an absolutely positioned footer

Example 3 is the final version that dose not use any scripting.

It looks great in ie6 (and everything else) until you add a width  
declaration to the container

#container {
position: relative;
min-height: 100%;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
background:url(/images/bg/blue_bg.png) -3px 0 repeat-y;

/* breaks if added */
width:500px;
}

then the footer rises to the bottom of the content.

Any one know why?

Any one know a working bottom-of-the-browser-fixed footer with width  
technique?
Thanks,
-Dinshaw

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS footer article from A List Apart breaks when width is added (in ie6)

2009-04-15 Thread mx . cssdee 
Hi,

I use a pure CSS footer lock but have not tested it using a fixed width  
-might be worth a try:
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

Not sure why alistapart's version would break with width.
If I get a chance I'll have a play with their code and see if I can get it  
to work.

Ta,

~Mx
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS footer article from A List Apart breaks when width is added (in ie6)

2009-04-15 Thread Dinshaw Gobhai 
Yes, sorry, should have put that in:

http://www.alistapart.com/d/footers/footer_css3.html

I just successfully used the sticky-footer (http://ryanfait.com/ 
sticky-footer/, thank you list)
But because the of my design requirements (the nav bg extends past  
the left and right edges -not up yet but i will post it when it is) I  
had to employ a faux-columns technique to get the appearance of width  
in the content area.

What i seem to keep needing is a second box for the content area that  
i can style (width, bg color, etc) that will ALSO go to the bottom of  
the viewer.

I will put a link up as soon as i can.
Thanks,
-Dinshaw

On Apr 15, 2009, at 9:52 AM, Elias Abunassar wrote:

> Dinshaw,
>
> Do you have a link to the demo? Try: http://cssstickyfooter.com,  
> not sure of the exact URL?
> If you Google 'Sticky Footer' you'll find it.
>
> elias
>
> On Apr 14, 2009, at 5:52 PM, Dinshaw Gobhai wrote:
>
>> I have been using this footer technique for a while:
>>
>> http://www.alistapart.com/articles/footers
>>
>> uses an absolutely positioned footer
>>
>> Example 3 is the final version that dose not use any scripting.
>>
>> It looks great in ie6 (and everything else) until you add a width
>> declaration to the container
>>
>> #container {
>>  position: relative;
>>  min-height: 100%;
>>  height: 100%;
>>  voice-family: "\"}\"";
>>  voice-family: inherit;
>>  height: auto;
>>  background:url(/images/bg/blue_bg.png) -3px 0 repeat-y;
>>
>>  /* breaks if added */
>>  width:500px;
>> }
>>
>> then the footer rises to the bottom of the content.
>>
>> Any one know why?
>>
>> Any one know a working bottom-of-the-browser-fixed footer with width
>> technique?
>> Thanks,
>> -Dinshaw
>>
>> _ 
>> _
>> css-discuss [cs...@lists.css-discuss.org]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/