On 1/31/06, Peter Lindstrom <[EMAIL PROTECTED]> wrote: > My first attempt is a standard 3 column layout with an expanding center > column. I found a great tutorial on this technique at www.glish.com . After > more or less following the example there I get something very close to being > correct.. but not quite. The example at the site is abs top:0 based; whereas > I am using the technique to try to simply add 3 images (as backgrounds) to a > footer for my page – as a result I can not set abs top = 0.
I think the right column drops because you aren't using top:0, plain and simple. The right column starts below the other two, where it would automatically, and since you aren't changing the vertical location, it stays at that level. My recommendation is set the footer div to position:relative, then the items in the footer will be positioned relative to the footer div, and you can get the look you want with top:0 and your layout won't break. I did this in the footer here, if you want an example: http://www.rso.cornell.edu/prssa/ CSS: #footer { clear:both; border-top:1px solid #fff; color:#02489d; position:relative; padding:10px 0 5px 0; background:#fff; } #foottag { text-align:center; } #footstyle { position:absolute; top:5px; left:10px; } #footcite { position:absolute; top:5px; right:10px; } Hope it helps. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
