Bill Moseley wrote: >This seems very familiar, and I'm sure will be obvious, but I'm >trying to understand why adding a border is changing the size of a ><div>. > >On this page: http://infopeople.org/search/tools.html > >And I'm looking specifically at this code: > > <div class="logo clearfix"> > <a href="/"><img src="/images/ifp_logo_drkblue_orange_arr.gif" > alt="Infopeople.org" /></a> > <h1>Best Search Tools</h1> > </div > >There's this in-line style: > >#searchtools .logo { > border: 1px solid red; >} > >In firefox, when I change the ID to not match then the logo <div> gets >bigger and then the <h1> text moves relative to the image. > >Can someone explain that behavior (or point me where I can read about >it)? > >Thanks, > Hi Bill, Collapsing margins! :-) See for instance: Andy Budd's blog article <http://www.andybudd.com/archives/2003/11/no_margin_for_error/>. And in the css-2.1 Box model page: 8.3.1 Collapsing margins <http://www.w3.org/TR/CSS21/box.html#collapsing-margins>.
Greetings, francky ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
