Robin, On Dec 3, 2006, at 4:23 PM, Wonderbaby Designs wrote:
> I now have 2 layouts I'm working with - there's the one you posted > above > which is based on the negative margins article on ALA, and I have > the one > based on Skidoo with backgrounds added in now here > http://www.wonderbabydesigns.com/testing/final_test.htm Sorry I didn't get back to you sooner on this. I had mentioned moving the #copyright and #photo content to make it easier to stick to the bottom. The following is tested in firefox and safari, but not in ie/win There was a div class="clear" below the right col in the source, so I put the copyrght and photo there. The code looks like this ---------- html --------- <!-- /rightColumn --> </div> </div> <div class="clear"> <div id="copyright"> Copyright info<br /> must lock to bottom </div> <div id="photo"><img src="http://www.wonderbabydesigns.com/testing/ testphotobox.jpg" /></div> </div> <!-- /outerColumnContainer --> </div> -------------------------------- I then added the following css #copyright { float: left; margin-left: -209px; margin-top: -3em;} #photo { float: right; margin-right: -200px; margin-top: -152px; } #pageWrapper { background : #EAE8F3 url(rightground.jpg) repeat-x bottom right; } Essentially I used negative margins to put these items up and to the left and right of where they would normally display. > If anyone is very good at translating print-based layouts into HTML/ > CSS, I > would love some pointers on this. The web is a completely different animal. For print, you are in control in a very detailed way. For the web, the user is in control. The best thing you can do is build in lots of flexibility so the page will look reasonable to a reasonably large percentage of your audience. Trying to exert the control you have in print onto the web is a recipe for insanity :-) > design image > http://www.wonderbabydesigns.com/testing/design.jpg > neg.margin layout > http://www.wonderbabydesigns.com/testing/ALA_3col.htm > skidoo layout > http://www.wonderbabydesigns.com/testing/final_test.htm -- Roger Roelofs "Remember, if you’re headed in the wrong direction, God allows U-turns!" ~Allison Gappa Bottke ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
