Home/ Questions/Q 7814311
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T05:09:27+00:00

I am building a 3 column fluid layout, and have gotten 90% the way

  • 0

I am building a 3 column fluid layout, and have gotten 90% the way there. I am wondering on what is the best way to impliment the background, or side bars – however you want to look at it.

enter image description here

I have a good box hack that centers my main content area, and now I need to impliment the two stripes you see on either side that has a small 1px border on the respective inside border.

I could create a 1px high stripe that is 1000’s of pixels wide, but I have a feeling there is a much better way to do this – possibly with pure CSS?

Am I now looking at a 5 column layout here, or is this still a three column fluid?

If anyone can provide a good pattern or link for this style of layout (its probably the most common out there nowadays, huh?) I’d really appricaite it!

Here is my current fluid wrap code:

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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    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;
    }
    • 0