Centrer balise div (playlist deezer)

djfou11 -  
glabok Messages postés 131 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Voilà j'ai un gros problème, deviner ou? sur firefox... Firefox est le meilleur je vous l'accorde, c'est internet explorer qui merde mais malgré tout je n'arrive pas à centré ma playlist Deezer qui se trouve dans un balise div.

Voici le code fournis pour ma playlist :

<div style="width:180px;height:236px;"><object width="180" height="220"><param name="movie" value="http://cdn-files.deezer.com/swf/kamino-v15.swf?sl=1&cs=0&path=7027514&lang=FR&colorBackground=0x525252&colorButtons=0xDDDDDD&textColor1=0xFFFFFF&textColor2=0xCCCCCC&autoplay=0&autoShuffle=1&id=1710402"></param><embed src="http://cdn-files.deezer.com/swf/kamino-v15.swf?sl=1&cs=0&path=7027514&lang=FR&colorBackground=0x525252&colorButtons=0xDDDDDD&textColor1=0xFFFFFF&textColor2=0xCCCCCC&autoplay=0&autoShuffle=1&id=1710402" type="application/x-shockwave-flash" width="180" height="220"></embed></object><a href="https://www.deezer.com/fr/" style="border:none;margin:0;padding:0;"><img src="http://www.deezer.com/embedded/footer.jpg" alt="free music" title="free music" border="0" style="border:none;margin:0 auto;padding:0;" /></a></div>

Comment faire pour qu'elle soit centré sous firefox? j'ai cherché et cherché mais tout le monde me parle de CSS alors que moi c'est du pur html. Si quelqu'un pouvait m'aider.

Merci beaucoup d'avance pour vos j'espère vos futurs réponses
A voir également:

2 réponses

IdleMan Messages postés 243 Date d'inscription   Statut Membre Dernière intervention   60
 
En pure html c'est <div align="center"> c'est le plus simple mais ça passe pas au validateur w3c , en css il faut jouer avec la position :
position : "absolute";
left: nombredepixel px ;
top: nombredepixe px ;
0
glabok Messages postés 131 Date d'inscription   Statut Membre Dernière intervention   40
 
<div style="width:180px;height:236px;margin-left:auto;margin-right:auto;">
      <object width="180" height="220">
               <param name="movie" value="https://www.deezer.com/fr/"></param>
               <embed src="https://www.deezer.com/fr/" type="application/x-shockwave-flash" width="180" height="220"></embed>
       </object>
       <a href="https://www.deezer.com/fr/" style="border:none;margin:0;padding:0;">
               <img src="http://www.deezer.com/embedded/footer.jpg" alt="free music" title="free music" border="0" style="border:none;margin:0 auto;padding:0;" />
        </a>
</div> 


j'ai rajouté "margin-left:auto;margin-right:auto;" dans l'attribut style du div parent.
Et effectivement c'est du CSS.
0