28173 sujets

CSS et mise en forme, CSS3

Bonjour , j'ai un soucis d'intégration d'une vidéo flash dans ma page html.

C'est un flux rss que je lis et que j 'intègre dans ma page qui doit avoir une largeur max de 550 px. Je contrôle le contenu avec un css comme ceci :


.cell {

width: 550px;
overflow: hidden; /* pour les navigateurs autres que IE (cache le texte qui dépasse) */
}


et ensuite j'ai ca :


  <div class="cell">

le contenu rss lu 

</div>



Donc jusque là aucun soucis ,seulement ,j 'ai un flux rss actuellement qui contient cet objet :



<object type="application/x-shockwave-flash" id="" data="http://www.wmaker.net/swf/flvplayer.swf" width="800" height="600">
<param name="movie" value="http://www.wmaker.net/swf/flvplayer.swf">
<param name="quality" value="high" />
<param name="flashvars" value="file=http://fr.intruders.tv/video/protagoniste.flv&showdigits=true&autostart=false&url=fr.intruders.tv&width=800&height=600&idArt=931&iTunes=videocast.xml&RSS=syndication.rss&image=http://fr.intruders.tv/video/flv_medium_659249_801175.jpg" />
</object >


Sous IE aucun soucis la vidéo est réduite à 550 de largeur mais sous Firefox lla vidéo fait 800 Smiley decu

Je précise que pour le texte et image ca marche très bien sous IE et FF mais visiblement les dimensions avec les objets de type flash sous FF passe outre ma css.

Y a t-il une autre méthode pour FF en css qui marcherait?

Merci pour vos réponses.
Modifié par worm1 (10 Jan 2008 - 16:25)
Ben déjà: pourquoi mettre un objet de 800px de large si on ne veut en afficher que les 500px de gauche?

Ensuite, si on veut afficher l'animation de 800px sur 500px de large en la redimensionnant, on pourrait à la rigueur faire:
.cell {
width: 500px;
}
.cell object {
max-width: 100%;
}
J'ai pas le choix , les contenus dependent des flux rss... en tout cas merci ca marche impeccable Smiley cligne