Re: [css-d] Footer CSS Coding

2008-01-22 Thread Christian Kirchhoff 
Rick Good schrieb:
 I've designed a site that works:

   www.themeridiangrp.com

 In creating the footer though I needed to set each page separately,  
 e.g.,

 .meridian #footer_650, #footer_700, #footer_750, #footer_800,  
 #footer_900, #footer_950, #footer_1000, #footer_1050, #footer_1150,  
 #footer_1250, #footer_1300, #footer_1400, #footer_1450, #footer_1500,  
 #footer_1600, #footer_1700, #footer_1800, #footer_1900, #footer_2000,  
 #footer_2250, #footer_2500, #footer_4800 {
   position: absolute;
   left: 0px;
   padding: 0;
   ...
 }

 .meridian #footer_650 {
   top: 650px;
 }

 .meridian #footer_700 {
   top: 700px;
 }

 This should not be necessary, but everything I've tried - including:

 .meridian #footer {
   position: absolute;
   bottom: 40 px;
   left: 0 px;
   ...

 does not work.

 Since it's working I'm not overly concerned, but I would like to know  
 the right way to do it.

 Thanks.

 Rick
 __
 css-discuss [EMAIL PROTECTED]
 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/
   

Hello,

what exactly are you trying to achieve? Something like stickyFooterAlt: 
http://www.themaninblue.com/writing/perspective/2005/08/29/

Best regards,

Christian
*Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin
www.digitale-bibliothek.de
AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737
Geschäftsführer: Ralf Szymanski · Erwin Jurschitza
__
css-discuss [EMAIL PROTECTED]
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] Footer CSS Coding

2008-01-22 Thread Rick Good 

I've designed a site that works:

www.themeridiangrp.com

In creating the footer though I needed to set each page separately,  
e.g.,

.meridian #footer_650, #footer_700, #footer_750, #footer_800,  
#footer_900, #footer_950, #footer_1000, #footer_1050, #footer_1150,  
#footer_1250, #footer_1300, #footer_1400, #footer_1450, #footer_1500,  
#footer_1600, #footer_1700, #footer_1800, #footer_1900, #footer_2000,  
#footer_2250, #footer_2500, #footer_4800 {
position: absolute;
left: 0px;
padding: 0;
...
}

.meridian #footer_650 {
top: 650px;
}

.meridian #footer_700 {
top: 700px;
}

This should not be necessary, but everything I've tried - including:

.meridian #footer {
position: absolute;
bottom: 40 px;
left: 0 px;
...

does not work.

Since it's working I'm not overly concerned, but I would like to know  
the right way to do it.

Thanks.

Rick
__
css-discuss [EMAIL PROTECTED]
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] Footer CSS Coding

2008-01-22 Thread James Leslie 
I've designed a site that works:
www.themeridiangrp.com
In creating the footer though I needed to set each page separately...


--

Hi Rick,

The site may work for you, but try resizing your text up a couple of
notches and you'll find that a lot of it disappears beneath your footer
and cannot be viewed.
Position:absolute, in general, is not really the best way to position
large blocks as it removes that area from the flow of the page.
http://www.w3.org/TR/REC-CSS2/visuren.html#absolute-positioning

I'd suggest that you maybe try a different layout, something like this
one should work for you:
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayou
t/2-col/

Hope that helps,

James

__
css-discuss [EMAIL PROTECTED]
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] Footer CSS Coding

2008-01-22 Thread David Laakso 
Rick Good wrote:
 I've designed a site that works:

   www.themeridiangrp.com



 Since it's working I'm not overly concerned, but I would like to know  
 the right way to do it.

 Thanks.

 Rick

   


A page or site working on the Web is relative to any users discretion. 
Font-scaling and reducing window width kind of does a number on your page.

Layouts that rely on absolute positioning for the base structure and set 
of height on content containers are often brittle in the sense they 
break easily with any variation whatsoever from what the author dictated.

Float structured layouts that do not restrict height, let the browser 
software determine height based on the amount of content in containers, 
and  clear the footer-- tend to do much better regardless of user 
discretion.

It's not so much a matter of the right way to do it, as it is a matter 
of how can one be a good host or hostess to whomever visits our site.

Best,
~dL
__
css-discuss [EMAIL PROTECTED]
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] Footer CSS Coding

2008-01-22 Thread Gunlaug Sørtun 
Rick Good wrote:
 www.themeridiangrp.com



 .meridian #footer { position: absolute; bottom: 40 px; left: 0 px; 
 ...
 
 does not work.

You're absolute positioning all main elements, which means the
#container doesn't stretch the full pageheight since A:P elements don't
take up space and can't be contained.

#container and body only contains the header, and only a CSS error
(check with the CSS validator) prevents body from collapsing completely.

 Since it's working I'm not overly concerned, but I would like to know
  the right way to do it.

1: it doesn't _really_ work since you've based your top:values on an
unaltered font-size, and font-size is a variable in all browsers.
This means content is overflowing and parts are hidden at my end, since
I require a larger font-size than you have anticipated.

2: you can use floats and float-containment for main elements
(containers), and must then remove _all_ absolute position references
for main elements.
This will make the #container/body expand to allow for
bottom-positioning as your CSS example shows, and also allow you to
simply clear a non-positioning footer below the other non-positioned
elements. These are the right methods - if right is the right word
here, and they'll both work regardless of content-/page-height.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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/