html - div と CSS で埋め込まれた flickr スライドショーを中央に配置できない

Question

コードは次のようになります

<div class="body">
    <div class="flickr">
        <object width="600" height="450"> ...flickr slideshow code ....</object>
    </div>
</div>

そして、このようなCSS

div.body {
    height: 600px;
    width: 1024px;
}

.flickr {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    height: 450px;
    margin-top: 50px;
}

埋め込みオブジェクトは、親要素の左上にくっつきます。センタリングCSSはどれも機能しません。

HTML の div で align="center" を指定して中央揃えにすることはできますが、CSS の margin-top は機能しません。

Answer 1

.flickr 
{ 
  margin:0 auto;
}

以下のコードではなく、このコードを試してください

.flickr 
{ 
  margin-left: auto;
  margin-right: auto;
}

Answer 2

この更新されたフィドルを確認してください

http://jsfiddle.net/bta5Q/20/