0

テーブルの配置について助けが必要でした。私はしばらくコーディングしていませんが、ここで何が間違っているのかわかりません。これらの div のセットアップとテーブルを 1 つにしましたが、何らかの理由でテーブルが中央に配置されません。テーブルの左側に合わせて、残りは右側に向かいます。これが私のコードです：

<div id="SlideShow_Wrapper" align="center">
    <div id="SlideShow_Background" align="center">
        <div align="center" id="SlideShow">
            <table border="1" align="center" >
                <tr align="center">
                    <td style="padding-right:15px;"><img src="LeftArrow.png"  /></td>
                    <td><img id="SlideShow_Picture" src="Ore_Background.png"  /></td>
                    <td style="padding-left:15px;"><img src="RightArrow.png"  /></td>
                </tr>
            </table>
        </div>
    </div>
</div>

そして、ここに私のcssがあります：

#SlideShow {
    margin:0px auto;
}
#SlideShow_Background {
    background-image:url(Stone.png);
    border-radius:10px;
    width:820px;
    height:420px;
}
#SlideShow_Wrapper {
    padding-top:50px;
}

私はいくつかのことを試してみSlideShow_Backgroundました. どんな助けでもいいでしょう

編集:
テーブルを右にずらすのではなく、中央に配置したい。このjsFiddleはそれを示していますが、コンテンツはありませんが、私の言いたいことがわかります。
そして、この次のリンクは私が望む方法です.jsfiddle.net/fuECuはそれがどのように中央に配置されているかを確認しますSlideShowbackground.

4

1 に答える 1

1

テーブルはすでに中央に配置されています。分割はSlideShow_Background、小さな画面に水平スクロール バーを作成するだけです。それでも、バーを中央までスクロールすると、テーブルが中央にあることがわかります。

それでも、テーブルを中央に配置したい場合は、を削除する必要はありませんSlideShow_Background。div の高さと幅の属性を削除するだけです。そしてそれは自動に設定されます。

#SlideShow_Background{
background-image:url(Stone.png);
border-radius:10px;
}

フィドル

于 2013-01-30T05:03:47.687 に答える