oops.. and I guess I should include how it used in my page: <div id=leftcontent>some text here</div> <div id=centercontent> </div> <div id=rightcontent></div>
Peter Lindstrom All Analog - Technical Design Consulting Ottawa, ON Voice: 613-612-1419 Email: [EMAIL PROTECTED] Web: www.allanalog.com ::-----Original Message----- ::From: Peter Lindstrom [mailto:[EMAIL PROTECTED] ::Sent: Tuesday, January 31, 2006 2:35 AM ::To: 'css-d@lists.css-discuss.org' ::Subject: why does right column drop :: ::I am a decent PHP coder but a lousy html/css layout guy. Since I have on ::numerous occasions spent many many hours trying to get my table cells to ::be right for my page layouts; I thought I would start trying to transition ::to CSS layout. :: ::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. :: ::This shows the image that I get at the bottom of my page (same result in ::FF 1.5 and IE 6): www.allanalog.com/1.htm.jpg :: ::The code that I have is: :: :: #leftcontent { :: position: absolute; left:0;width:372px; height:57px; :: background-image:url(footer_left.jpg); background-repeat:no- ::repeat; :: padding: 30px 0 0 40px;} :: #centercontent { :: margin-left: 372px; margin-right:371px; height:57px ; :: background-image:url(footer_spacer.jpg); :: } :: html>body #centercontent { :: margin-left: 372px; :: margin-right:371px; :: } :: #rightcontent { :: position:absolute; width:371px; right:0px; height:57px; :: background-image:url(footer_right.jpg); } :: ::I suspect something simple but I have tried numerous variations of ::floats, clears, etc with no luck. :: ::Any pointers would be greatly appreciated. :: ::cheers, :: ::Peter Lindstrom ::All Analog - Technical Design Consulting ::Ottawa, ON ::Voice: 613-612-1419 ::Email: [EMAIL PROTECTED] ::Web: www.allanalog.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/
