Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

24mar/106

Flash Builder 4 – Apparition de Scrollbar HTML sous Firefox quand le SWF prend le focus [Résolu]

Petite surprise après avoir lancé mon Hello World avec seulement un bouton dans mon application développée avec Flash Builder 4. Après avoir cliqué sur le bouton (et donc sur mon application Flex), deux scrollbar HTML apparaissent (pour combler une infime différence). Après test sous IE, je n'obtenais pas le même problème.

Pas de panique, c'est simplement un petit souci dans le nouveau fichier /html-template/index.template.html de Flash Builder 4. Voici le tag <style> CSS qu'il va appliquer à votre page HTML:

<style type="text/css" media="screen">
 html, body    { height:100%; }
 body { margin:0; padding:0; overflow:auto; text-align:center;
 background-color: ${bgcolor}; }
 #flashContent { display:none; }
 </style>

Et voici celui qui était utilisé dans Flex Builder 3:

<style>
body { margin: 0px; overflow:hidden }
</style>

Vous avez compris ce qui cloche, c'est bien la propriété overflow qu'il faut passer à "hidden" et pas à "auto". A partir de là, tout rentre dans l'ordre:

<style type="text/css" media="screen">
 html, body    { height:100%; }
 body { margin:0; padding:0; overflow:hidden; text-align:center;
 background-color: ${bgcolor}; }
 #flashContent { display:none; }
</style>

Télécharger Flash Builder 4

Articles similaires

Commentaires (6) Trackbacks (0)
  1. Salut, j'ai eu exactement le même problème et la seule solution que j'ai trouvé est celle que tu propose. Ceci dit, ce n'est pas normal de devoir faire cela. En jouant un peu avec la taille du SWF on s'aperçoit que le SWF entraîne l'apparition des scrolls alors que celui ne prend pas pas toute la place… étrange :)

  2. Si c'est comme avec flash CS4, mieux vaut peut-être attendre la prochaine mise à jour avant de se lancer sur cette version en prod

    Décidément, il semble que ça devienne une habitude de sortir des versions presque stables histoire de respecter ce qui semble être la nouvelle règle de une version / an

  3. Je pense que tu parles de Flash Builder 4 :P . Pour des petits plombs comme ça, pas besoin d'attendre un an ;)

    Fabien

  4. ben perso j'ai eu le même problème et je l'ai résolue comme toi , sauf que ça ne m'arrange pas des masse car je fais du deeplinking et fournis un contenu en php/html résultat je n'ai plus de scroll lorsque j'affiche le contenu html ! tu n'aurais pas une petite solution par hasard ? :p

  5. Salut,
    Il te suffit de mettre ton SWF dans un DIV HTML et tu appliques le style css (overflow,…) à une classe qui sera utilisée par ton div et pas par "body".

    Fabien

  6. merci de l'astuce je testerai ! :)


Leave a comment

(required)

Aucun trackbacks pour l'instant