On Mar 10, 2011, at 8:54 PM, Rob Mercer wrote:
> I have two side by side boxes that I want to be equal height and have rounded
> corners. I don't want to set a height for the boxes. To get equal height I
> have used the margin/padding trick:
>
> #left-box, #right-box {
> width:390px;
> float:left;
> margin:15px 0 -490px 20px;
> padding:4px 4px 504px 4px;
> -webkit-border-radius: 15px;
> -moz-border-radius: 15px;
> border-radius: 15px;
> }
margin:15px 0 0 20px;
padding:4px 4px 0 4px;
The code is right for equal height columns _without_ the rounded corners.
The margin/padding trick chops off the bottom corners.
I kinda think the unequal column heights looks okay. So I would get rid of the
margin/padding trick.
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
