Simpele vraag! kleine css-code, toch fout?

<style type="text/css">
body{
    background: #cfcfcf;
}
.content{
    background: #fff;
    border: 1px solid #afbac0;
    border-radius: 12px;
    padding: 10px;
    width: 250px;
}
</style>
<br>
<div class="content">
    Hoi<br>
</div>
<br>

Spyrose schreef:

Hey allemaal,

Ik heb een simpele code gemaakt waarmee ik de hoeken van een div-element afrond, dit geeft in google chrome een goed resultaat, maar in internet explorer worden de hoeken niet afgerond, hoe los ik dit op?

Code:

<style type="text/css">
body{
    background: #cfcfcf;
}
.content{
    background: #fff;
    border: 1px solid #afbac0;
    border-radius: 12px;
    padding: 10px;
    width: 250px;
}
</style>
<br>
<div class="content">
    Hoi<br>
</div>
<br>

Klikje

Tgrm schreef:

Klikje

Spyrose schreef:

Eerdere citaten tonen

Tgrm schreef:

Klikje

Ook de ronde vakken op de site van websonic zijn in Google chrome wel rond, maar op explorer niet.
Kijk zelf maar met internet explorer op jou link. De vakken zijn vierkant. Hoe los ik dit op?

Marjolein schreef:

Valt niet op te lossen:

Quote:
Dit wordt ondersteund door de moderne browsers zoals Firefox, Google Chrome en Safari echter Internet Explorer ondersteunt dit tot en met versie 8 niet.

Spyrose schreef:

Eerdere citaten tonen

Marjolein schreef:

Valt niet op te lossen:

Quote:
Dit wordt ondersteund door de moderne browsers zoals Firefox, Google Chrome en Safari echter Internet Explorer ondersteunt dit tot en met versie 8 niet.

Spyrose schreef:

Eerdere citaten tonen

Marjolein schreef:

Valt niet op te lossen:

Quote:
Dit wordt ondersteund door de moderne browsers zoals Firefox, Google Chrome en Safari echter Internet Explorer ondersteunt dit tot en met versie 8 niet.

.box { position: relative; background: #ddefef; border: 1px solid #afbac0; padding: 3px; margin-bottom: 13px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }

-moz-border-radius: 12px;
-webkit-border-radius: 12px;

Spyrose schreef:

Dat is de grap,
Ik heb de css van spele bekeken en ik zag niet waardoor hij het daar wel doet.
de hoeken zijn afgerond in IE, maar waarom ziet IE het nu wel?

-moz-border-radius: 12px;
-webkit-border-radius: 12px;

<style type="text/css">
body{
    background: #cfcfcf;
}
.content{
    background: #fff;
    border: 1px solid #afbac0;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    padding: 10px;
    width: 250px;
}
</style>
<!--[if IE]> <link rel="stylesheet" type="text/css" href="/css/ie.css?rev=1219" /> <![endif]-->
<br>
<div class="content">
    Hoi<br>
</div>
<br>