homepage Welcome to WebmasterWorld Guest from 54.197.211.197
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
non square div
skoff

5+ Year Member



 
Msg#: 4599469 posted 1:49 pm on Aug 5, 2013 (gmt 0)

Hi

i'm trying to make some kind of template with curved rectangles like this image. I would like to know if its possible to make div with rounded rectangle like this. I would like it to be compatible with most of browser like ie8+ etc.

image link : [img163.imageshack.us ]

Thank you

 

rainborick

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4599469 posted 2:19 pm on Aug 5, 2013 (gmt 0)

Fundamentally, the answer is no. There are no polygonal HTML elements. The layout of HTML documents is all based on rectangles. With HTML 5, there are ways of manipulating the page content to achieve nearly any visual effect you want, but backward compatibility in this area pretty much begins with IE9.

skoff

5+ Year Member



 
Msg#: 4599469 posted 2:22 pm on Aug 5, 2013 (gmt 0)

that's what i thought... thanks anyway

swa66

WebmasterWorld Senior Member swa66 us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 4599469 posted 3:14 pm on Aug 5, 2013 (gmt 0)

That could be achieved using SVG (Scalable Vector Graphics).
And you can style SVG using CSS.

It's not going to be a curved div, but you can have curved vector content.

IE and SVG is another story, MSFT only embraced the SVG standard since IE9. But there are polyfills for IE8 (not tried that myself - I never had the need for IE8 to look perfect enough)

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved