Hej.
Har en simpel funktion för att visa en div vid klick vilket funkar som det ska, förutom i IE7 av någon anledning.
Länken:
<a href="javascript: document.getElementById('prisforfragan_c30').style.display='block';">• Prisförfrågan</a>
diven:
<div class="prisforfragan" id="prisforfragan_c30"> BLABLABLA </div>
CSS för diven
.prisforfragan {
-webkit-animation: prisforfraganslidein 1s normal;
-moz-animation: prisforfraganslidein 1s normal;
-ms-animation: prisforfraganslidein 1s normal;
position: absolute;
bottom: 0px;
z-index: 10;
background-color: #fff;
width: 276px;
min-height: 100px;
padding-bottom: 10px;
padding-top: 10px;
border-top: 2px solid #CCD9DE;
display: none;
}
Allt funkar som det ska i chrome och safari, men i IE7 sker något väldigt skumt. Display ändras till block som det ska, men innehållet i diven byts ut mot ordet "Block". Ändrar jag funktionen till style.display='inline'; står det inline i rutan i IE7.
Så borde det inte bli. Förstår inte vad som händer här, någon som har en aning?