David Hucklesby wrote: > On Sun, 13 May 2007 00:27:22 -0400, Roy Anger wrote: > >> Hi, >> >> I have a site that's still very much in development, but which I'm having >> one small >> problem with that I can't figure out. The site is at >> http://dev.northernfarce.com/awp/ >> > [...] > > On Mon, 14 May 2007 10:53:35 -0700, Matt McCool replied: > >> Also, if you want a consistent pixel-based margin or "gutter" in between all >> three >> columns, you have two options. >> >> 1) Strip all margin and padding from the #pg-whatever div's, and apply the >> margins >> (1%, 10px, whatever) to all elements inside the #pg-* divs. This can get >> cumbersome if >> you change the content inside the div's often. >> >> 2) Add an extra div to each #pg- div, so your markup would be: <div id="pg- >> ruby"><div>...content...</div></div> >> Then, apply margins to the inner div of #pg-ruby. Not as simple, and it adds >> an extra >> div, but it works well, and you'll have less headaches when you debug for ie. >> >> > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ > > While option 2 means more markup, I have discovered another advantage: > If you put padding on the inside DIV instead of margins, any top and > bottom padding stops margins on inside elements from "bleeding through." > > Just 1px padding will do the trick. > > Cordially, > David Thanks Matt and David. This advice got things working the way I wanted. As for Bulletproof Web Design, the new version is prepaid so I just need to wait a couple of months for it to be released and shipped.
Thanks, Roy ______________________________________________________________________ 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/
