Thanks Brett and Els for your quick responses. I implemented your suggestions and the promotion text area is now properly centered. Brett your suggestion to change the height to 48px properly tightened up the gap that I am seeing on firefox and Safari but still exists on IE6. The gap exists right between the the promotion text area dt and the following dd tags.
Thanks again, Nate Quoting Brett Leber <[EMAIL PROTECTED]>: > [EMAIL PROTECTED] wrote: >> I am working on a new layout for a promo/landing type page and am having a >> problem figuring out why my promotion text area is not centering properly in >> it's content container. The page is here: >> >> http://www.xmission.com/~npetersn/test/landing_layout.html >> >> It works in IE6, but not firefox and safari?? > > /* added margin:auto for the box */ > dl.roundedBox { > width: 365px; > background: url(box_bottom.png) bottom left no-repeat; > clear: both; > margin:auto; > } > > /* removed dl.roundedBox from this selector */ > dl.roundedBox dt, dl.roundedBox dd { > margin: 0; > padding: 0; > } >> >> There also seems to be a two pixel gap in the promotion text area >> that I can't >> figure out either. >> > > Not sure which 2px you're referring to, but changing dl.roundedBox dt: > dl.roundedBox dt { > height: 48px; > ... > } > > seems to make a tighter fit. All tested on Firefox 1.5. > > Brett > >> Any help from the good people on this list would be appreciated. >> >> Thanks, >> >> Nate > > ______________________________________________________________________ > 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/ > ______________________________________________________________________ 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/
