CSS: no more round box headaches


Fri 13 May 2005 By nuxeo

Everytime I am starting to design round boxes, I'm having a big
headache.



It's just too complicated for me. Whenever i get close to a good looking
box, wich content does not run away on the sides, looking good on my
Firefox, and behaving well in my CPS, I get depressed when I switch into
IE.



Now I think I will always use this recipe for now one :



gecko engine comes with its own border-radius style, not yet validated in
CSS3 but it should be sometimes,

#mailBody {

background-color: white;

margin-top: 10px;

padding:8px;

-moz-border-radius-topleft: 12px;

-moz-border-radius-topright: 12px;

-moz-border-radius-bottomleft: 12px;

-moz-border-radius-bottomright: 12px;

}




This is clean, looks good, and cut off all those small pictures I was
trying to stick together.



See the attached file for a screenschot

(Post originally written by Tarek Ziadé on the old Nuxeo blogs.)


Category: Product & Development