Bonjour,
Voici le code que j'execute :
<!DOCTYPE html>
Code HTML :
<html lang="en">
<body>
<div id='content'>
<img src='http://www.w3.org/html/logo/downloads/HTML5_Badge_512.png'/>
<p>blablabla</p>
</div>
<script type="text/javascript">
alert(document.getElementById('content').offsetHeight)
</script>
</body>
</html>Avec Firefox et IE l'alerte me donne bien 550 et des poussières comme je le souhaite. Mais Chrome et Safari donnent 56.
Le problème vient du fait que l'image n'est pas encore chargée lorsque l'alerte apparait... du coup, le div n'a pas encore la bonne taille.
Lorsque je mets un setTimeout pour l'alerte, j'obtiens bien 550 avec Chrome et Safari... mais ça fait un peu cuisine cette astuce.
Savez-vous d'où vient le problème et si je peux le résoudre proprement (peut-être que mon code est mal agencé ?)
Merci de votre aide,