0

私は 3 列の流動的なレイアウトを構築しており、そこまで 90% を達成しました。背景やサイドバーを実装する最良の方法は何なのか疑問に思っていますが、それを見たいと思っています。

ここに画像の説明を入力

メインコンテンツエリアを中央に配置する優れたボックスハックがあり、それぞれの内側の境界線に小さな1ピクセルの境界線がある両側に表示される2つのストライプを実装する必要があります.

1000ピクセル幅の高さ1ピクセルのストライプを作成できますが、これを行うにはもっと良い方法があると感じています-おそらく純粋なCSSを使用しますか?

ここでは 5 列のレイアウトを見ていますか、それともまだ 3 列の流体ですか?

誰かがこのスタイルのレイアウトに適したパターンまたはリンクを提供できる場合 (おそらく、最近では最も一般的ですよね?) 私は本当にそれを高く評価したいと思います!

これが私の現在の流体ラップコードです:

CSS:

body
    {
        margin: 10px 0px;
        padding: 0px;
        text-align: center;
    }
    #siteWrapper
    {
        width: 980px;
        margin: 0px auto;
        text-align: left;
        padding: 15px;
        background-color: #fff;
    }

HTML

<body>

<div id="siteWrapper">
</div>

</body>
4

1 に答える 1

0 
body
{
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
    background: whatevercolor;
}
 #siteWrapper
    {
        width: 980px;
        margin: 0px auto;
        text-align: left;
        padding: 15px;
        background-color: #fff;
        border-left: whatever;
        border-right: whatever;
    }
于 2012-04-20T22:25:31.950 に答える