CSS: no more round box headaches

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
Attached file:

Important announcement: Join the Nuxeo team and contribute to the Nuxeo project! We have open positions in France and the UK for open source Java EE developers and sales engineers, both junior and senior.

Like this post? Share it:


Trackback Pings

Trackback URL for this entry:
http://blogs.nuxeo.com/sections/blogs/tarek_ziade/2005_05_13_css_no_more_round_box/tbping
Posted by Tarek Ziadé @ 05/13/2005 05:22 PM. - Categories: CSS, cps, web, zope -  2 comments

Nuxeo Bloggers: Log in!
Nuxeo - Indesko - Nuxeo 5 Project
All content is copyrighted by their author.
CPSSkins is Copyright © 2003-2006 by Jean-Marc Orliaguet. | CPS is Copyright © 2002-2006 by Nuxeo SAS.