On 10/12/11 5:53 AM, David Laakso wrote:
On 10/12/11 1:09 AM, john petroshius wrote:
I wonder if any of you learned CSS folks could tell me whether there are any downsides or disadvantages to using what might be called the 'negative bottom margin' technique of creating columns that have equal height regardless of how much content may be contained...a student uploaded a quick example:

http://dev.xmd.be/ART267/column2.html

-john petroshius




As with most things, its a matter of need and opinion. Go with whatever dose it for you and yours.Name of the game, whatever the method, used is to stress-test [heavy- hand font-scaling] thoroughly in the browsers you need to hit.

This is a fairly stable CSS version [1] with a footer. It avoids some of the issues mentioned with employment of this CSS method [2].

[1]
<http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm>
[2]
<http://www.positioniseverything.net/articles/onetruelayout/equalheight>
<http://fu2k.org/alex/css/onetruelayout/example/interactive>

An advantage to using an image [faux column] is that it is easy to construct and text tends to look richer and deeper when laid on-top of a repeating background image. Something similar might be done using the CSS3 gradients for background-color rather than using an image. Both the image method and the CSS3 method /may/ suffer somewhat with regard to speed optimization if the site is hitting portable devices in addition to desktop.

Best,
~d

--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/

______________________________________________________________________
css-discuss [css-d@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/

Reply via email to