search

ml-tsai / curved-corner

Automatically exported from code.google.com/p/curved-corner
0 stars 0 forks source link

IE8 only works in Quirksmode #10

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago 
When you specify a Doctype the behavior seems break somewhere

<!DOCTYPE HTML PUBLIC>
<html>
<head>
<style type="text/css">
*{
    margin:0 auto;
    padding:0;
    text-align:center;
}
div{
    width:279px;
    height:255px;
    background:#000;
    border:red solid 1px;
    margin-bottom:20px;
    color:#fff;
    text-align:center;
}
.curved {
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior:url(border-radius.htc);
}
</style>
</head>

<body>

<div class="curved">div con curvas</div>

</body>
</html>

I've found a workarround with the compatibility mode metatag:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Original issue reported on code.google.com by natan.sa...@gmail.com on 3 Nov 2009 at 7:39

GoogleCodeExporter commented 8 years ago 
I started to come up with a workaround, but ended up basically rewriting the 
script.
Here is a version that works on IE6, IE7, and IE8 in all modes. It also adds the
round-border box in a different way, so you might need different CSS tweaks 
than the
original script.

Original comment by nickandr...@gmail.com on 18 Nov 2009 at 3:22

Attachments:

GoogleCodeExporter commented 8 years ago 
New htc file might fix the issue

Original comment by rahnas on 18 Nov 2009 at 4:10

GoogleCodeExporter commented 8 years ago 
Yeah! Seems fixed with the new htc!

Original comment by natan.sa...@gmail.com on 18 Nov 2009 at 4:53

GoogleCodeExporter commented 8 years ago 
Not working for me either... anyone found a solution?

Original comment by BMCo...@gmail.com on 21 May 2010 at 6:13

GoogleCodeExporter commented 8 years ago 
Yeah, our preferred solution is simply: "
If you use ie, you aren't getting round corners" and just making sure 
everything looks tolerable in that 
piece of crap software Microsoft calls "IE"

Original comment by pgib...@gmail.com on 21 May 2010 at 9:14

GoogleCodeExporter commented 8 years ago 
Get the latest file. This issue is fixed

Original comment by rahnas on 25 May 2010 at 1:31