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
24 mars 2010
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
24 mars 2010
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
24 mars 2010
Je pense que tu parles de Flash Builder 4
. Pour des petits plombs comme ça, pas besoin d'attendre un an
Fabien
7 avril 2010
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
8 avril 2010
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
8 avril 2010
merci de l'astuce je testerai !