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/
