Fluoresce Posted October 22, 2009 Share Posted October 22, 2009 I've just gone through a thousand different tutorials explaining how to produce a fluid box with rounded corners. I'm looking for a method that's not as heavy on the markup as my one. My method is CSS-based. It requires 6 images, four divs and two spans! It's the only one that I know that's totally cross-browser compatible, which is why I use it. What method do you use for fluid rounded boxes? And is it cross-browser compatible? Quote Link to comment https://forums.phpfreaks.com/topic/178550-fluid-rounded-boxes-how-do-you-do-them/ Share on other sites More sharing options...
trq Posted October 22, 2009 Share Posted October 22, 2009 I use a plugin for jQuery that creates corners using the canvas tag. Canvas of course is not part of IE, but I believe there is also a js script around that fixes that issue. Quote Link to comment https://forums.phpfreaks.com/topic/178550-fluid-rounded-boxes-how-do-you-do-them/#findComment-941643 Share on other sites More sharing options...
dbrimlow Posted October 23, 2009 Share Posted October 23, 2009 The best css technique uses the sliding doors technique. It may add a little more markup but not much: This link actually creates the graphics, CSS and HTML (you can use it to get the idea and reverse engineer it and create your own). http://kalsey.com/2003/07/rounded_corners_in_css/ I never use JavaScript when there is a CSS solution. Quote Link to comment https://forums.phpfreaks.com/topic/178550-fluid-rounded-boxes-how-do-you-do-them/#findComment-942516 Share on other sites More sharing options...
haku Posted October 23, 2009 Share Posted October 23, 2009 I'm in agreement with dbrimlow. I use a sliding doors technique myself. Quote Link to comment https://forums.phpfreaks.com/topic/178550-fluid-rounded-boxes-how-do-you-do-them/#findComment-942536 Share on other sites More sharing options...
merylvingien Posted October 23, 2009 Share Posted October 23, 2009 I have added a tutorial about rounded corners to one of my sites, pretty much the same as what is already available out there, but i hope mine is written in plain english and easy to understand. http://www.css-stylesheets.co.uk/rounded-corners.html Quote Link to comment https://forums.phpfreaks.com/topic/178550-fluid-rounded-boxes-how-do-you-do-them/#findComment-942808 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.