javascript - htmlテーブルとdiv

Question

次の問題があります。幅と高さが固定されたテーブルがあり、中央に配置する必要があります。

その右側は、テーブルの右端からブラウザの左端までの幅のdivである必要がありますが、このdiv画像では、右側でトリミングされている必要があります（つまり、左側のみ、サイズdivの）

テーブルの左側には、同じものを逆に、そして下に置く必要があります

これがどのように見えるかです-http://db.tt/bZU8Z9SJ

どうすればいいですか？

Answer 1

了解しました。もう少し答えを出すために、divを使用して基本的なレイアウトを作成します。

<div id="container">
    <div id="left"></div>
    <div id="table"> <!-- Your table here --> </div>
    <div id="right"></div>
</div>

そして、CSSを追加します。

#table{
    float: left;
    width: 50%;
    height: 200px;
}

#left{
    float: left;
    background: #3f3;
    width: 25%;
    height: 200px;
    background-position: right;
}

#right{
    float: left;
    background: #f3f;
    width: 25%;
    height: 200px;
    background-position: left;
}

ここでフィドル：http：//jsfiddle.net/ycS2N/