Avatar billede cmol Nybegynder
29. juni 2007 - 19:38 Der er 4 kommentarer og
1 løsning

Cyrvy Corners problem i Internet explorer

Hej eksperter

Har 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 :-)
Avatar billede crazysnap Seniormester
30. juni 2007 - 22:43 #1
Hej Claus,


Prøv at ændre doctypen fra:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


til:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


Altså tilføje en "loose" Document type declaration (DTD) som indeholder alle elementer fra Strict DTD samt elementer fra tidligere versioner af HTML. Det burde løse det problem der opstår i IE. :)


Mvh.

- Snap
Avatar billede cmol Nybegynder
01. juli 2007 - 12:02 #2
Super!
Tak for den :-)

Smider du ikke et svar, så du kan få dine point?
Avatar billede crazysnap Seniormester
01. juli 2007 - 20:17 #3
Det var så lidt! :)


Svaret kommer her...


Mvh.

- Snap
Avatar billede cmol Nybegynder
01. juli 2007 - 21:03 #4
Super :-)
Ha' en god sommer!
Avatar billede crazysnap Seniormester
02. juli 2007 - 09:20 #5
Jo tak i lige måde! :)


Og tak for pointene...


Mvh.

- Snap
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester