Welcome to WebmasterWorld Guest from 54.166.158.73

Forum Moderators: not2easy

Message Too Old, No Replies

non square div

     
1:49 pm on Aug 5, 2013 (gmt 0)

Junior Member

5+ Year Member

joined:Nov 16, 2008
posts: 136
votes: 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
2:19 pm on Aug 5, 2013 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 15, 2003
posts:940
votes: 27


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.
2:22 pm on Aug 5, 2013 (gmt 0)

Junior Member

5+ Year Member

joined:Nov 16, 2008
posts: 136
votes: 0


that's what i thought... thanks anyway
3:14 pm on Aug 5, 2013 (gmt 0)

Senior Member

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

joined:Aug 7, 2003
posts:4783
votes: 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)
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members