Citat:
Originally posted by sandstream@Nov 5 2008, 15:11
Jag har ett litet problem just nu som bara visar sig i IE, fungerar fint i GC och FF3.
Så här ser koden ut lite förenklat:
Kod:
<a href=sida.asp?id=1>
<div id=bakgrundsbild>
*<div id=placerabild>
* <img src=bilden.png>
* *<div id=bildtext>Kaffe</div>
*</div>
</div>
</a>
I IE blir ingenting en länk förrän jag har flyttat in a-taggen runt <img> men ovanstående fungerar som sagt fint i andra webbläsare.
Någon som vet varför IE beter sig som den gör och vad jag kan göra åt det?
|
Visst kan det du gör kännas logiskt? Men är du förvånad att IE sticker ut från övriga läsare? :P
Enda elementen du kan använda <a> på är text och bilder, så vitt jag vet.
Vad du kan göra, eller ända lösning jag vet på hur du får en div-tagg att bli klickbar är genom lite JavaScript/DOM.
ex.
Kod:
<style type="text/css">
<!--
#bakgrundsbild {
cursor:pointer;
}
-->
</style>
<script type="text/javascript">
function clickLink(url){
window.location=url
}
</script>
<div onclick="clickLink('http://minadress.html')" id="bakgrundsbild">
*<div id="placerabild">
* <img src="bilden.png">
* *<div id="bildtext">Kaffe</div>
*</div>
</div>
Om det sedan är en jätte bra lösning kan diskuteras.