2011-07-12 11 views
1

私はdivを中心にしようとしていますが、それはブロックであり、一般的なテキストまたは画像はインラインになっているため動作しません... div内のものは中心になっていますがdiv自体ではありません...私はこれをすることができますか?興味のあるコード divを中心にする

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

...アイブ氏は、Googleからのものの束を試みたが、私はそれが仕事を得ることができませんでし以下である:

<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> 
+0

を追加する必要があります。このページの右の列にあるリンクを参照してください。 – Sparky

答えて

2
CSSで

#fadeshow1{ 

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

本当にありがとうございます!私は何時間も過ごしましたが、これは魅力的なものでした。 –

3

これは、あなたがdiv要素をセンタリングする方法です、 CSSで:

#fadeshow1 { margin:0 auto; } 
+1

はい、幅があることを確認してください。それが親divの100%であれば、それは中央に配置されません。 – Jaspero

+0

ああ、そうです:D – Phil

1
  1. divが指定された幅を持たなければなりません。
  2. あなたは、これは、他の多くのSOの質問の重複しているスタイルmargin-left:auto;margin-right:auto;