Cyrvy Corners problem i Internet explorer
Hej eksperterHar prøvet at arbejde med scriptet curvycorners (http://www.curvycorners.net), og alting virker fint i firefox, men i interne explorer kommer der hakker i div'en (henviser til ovenstående hjemmeside for info om "div'en")
Min kode er på http://www.cmol.dk og billede af hvordan det ser ud i IE på http://www.cmol.dk/errorsite.jpg
Koden er som følger:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Cmol.Dk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.myBox
{
margin: 0 auto;
border: 0px solid #ffffff;
color: #ffffff;
width: 50%;
padding: 20px;
text-align: center;
background-color: #000000;
border: 3px solid #ffffff;
/*
background-image: url(back_test2.jpg);
background-repeat: no-repeat;
*/
}
.myBox2
{
margin: 0 auto;
border: 0px solid #ffffff;
color: #ffffff;
width: 15%;
padding: 20px;
text-align: center;
background-color: #000000;
border: 3px solid #ffffff;
/*
background-image: url(back_test2.jpg);
background-repeat: no-repeat;
*/
}
html,body{
height: 100%;
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
background-image: url(back.jpg);
}
h1 {
font-size: 50px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
</style>
<script type="text/JavaScript" src="rounded_corners_lite.inc.js"></script>
<script type="text/JavaScript">
window.onload = function()
{
settings = {
tl: { radius: 20 },
tr: { radius: 20 },
bl: { radius: 20 },
br: { radius: 20 },
antiAlias: true,
autoPad: true
}
var divObj = document.getElementById("div1");
var divObj2 = document.getElementById("div2");
var cornersObj = new curvyCorners(settings, divObj, divObj2);
cornersObj.applyCornersToAll();
}
</script>
</head>
<body>
<br><br><br><br>
<br><br><br><br>
<br><br><br><br>
<div class="myBox" id="div1"><h1>Cmol.Dk</h1></div>
<br><br><br><br>
<div class="myBox2" id="div2">Comming soon...</div>
</body>
</html>
Kan i hjælpe?
Med Venlig Hilsen
Claus :-)