Div Border Radius

sam

SOLVED CLOSED ACTIVE ANSWERED
User: sam
Posted: on Dec 26, 2011 05:06 AM
Forum: HTML and CSS
Answer: 1
Views: 5728

I wann use the curved borderd div so i used the moz-border-radius, webkit-border-radius it works exact on mozilla, chrome, safari as i want but this isn't work on IE so what should i do to look it same on any browser......

Download FREE API for Word, Excel and PDF in ASP.Net

Mudassar

0 1

Reply
User: Mudassar
Replied: on Dec 26, 2011 05:07 AM
Report

IE browsers older than version 8 donot support CSS 3. Hence it will not work in IE8 or less versions but will work for IE9

sam

0 2

Reply
User: sam
Replied: on Dec 26, 2011 10:27 PM
Report

here is d code...

<div id="div1" style="height: 560px; width: 560px; -webkit-border-radius: 280px; -moz-border-radius: 280px; background-color: #666699;">

i tried in IE9 but still same

Mudassar

0 3

Reply
ANSWER
User: Mudassar
Replied: on Dec 27, 2011 02:19 AM
Report

check this

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        div
        {
            border: 2px solid #000;
            padding: 10px 40px;
            background: #ccc;
            width: 200px;
            border-radius: 25px;
            -moz-border-radius: 25px;
        }
    </style>
</head>
<body>
    <form id="form1">
    <div>
    This is a round corner DIV
    </div>
    </form>
</body>
</html>

Demo

sam

0 4

Reply
User: sam
Replied: on Dec 27, 2011 05:11 AM
Report

thank you..........!

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Div Border Radius

Company

Explore

Follow us

Contact Us