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/


[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/