1. Accueil
  2. Question et réponse
  3. centrer un div

centrer un div

2011-07-12 6 views
1

J'essaye de centrer un div mais comme il s'agit d'un bloc et que le texte ou l'image générale est en ligne, ça ne marche pas ... Le contenu à l'intérieur du div est centré mais pas le div lui-même ... puis-je faire ceci? Ive a essayé un tas de choses de Google, mais je ne pouvais pas le faire fonctionner ...centrer un div

http://dev.icalapp.rogersdigitalmedia.com.rogers-test.com/menutest.htm

le code d'intérêt est ci-dessous:

<head> 
<script type="text/javascript"> 

var mygallery=new fadeSlideShow({ 
    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow 
    dimensions: [500, 360], //width/height of gallery in pixels. Should reflect dimensions of largest image 
    imagearray: [ 
     ["01.jpg"], 
     ["02.jpg"], 
     ["03.jpg"], 
     ["04.jpg"] //<--no trailing comma after very last image element! 
    ], 
    displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false}, 
    persist: false, 
    fadeduration: 500, //transition duration (milliseconds) 
    descreveal: "ondemand", 
    togglerid: "" 
}) 




</script> 

</head> 

<body> 
<div id="fadeshow1"></div> 
</body>

Source

2011-07-12 Bulvak

+0

Ceci est un doublon de nombreuses questions SO. Voir les liens dans la colonne de droite de cette page. – Sparky

Répondre

2

dans css 

#fadeshow1{ 

margin-left: auto; 
margin-right: auto; 
width: THE WIDTH OF THE DIV 
}

Source

2011-07-12 17:48:32 Tobias

+1

MERCI BEAUCOUP! J'ai passé de nombreuses heures et cela a fonctionné comme un charme. –

3

Voici comment vous centrez divs, avec CSS:

#fadeshow1 { margin:0 auto; }

Source

2011-07-12 17:46:53 Phil

+1

Oui, et assurez-vous d'avoir une largeur. Si c'est 100% du div parent, il ne sera pas centré. – Jaspero

+0

Oh, c'est vrai: D – Phil

1
  1. Le div doit avoir une largeur spécifiée.
  2. Vous devez ajouter les styles margin-left:auto;margin-right:auto;

Source

2011-07-12 17:47:06

Questions connexes

 Questions connexes