[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/

Reply via email to