Three Column 90% Layout





7
Date Submitted Wed. Oct. 12th, 2005 9:06 AM
Revision 1 of 1
Beginner bruno
Tags "Three Column" | CSS | Layout
Comments 1 comments
Three Column 90% Layout
#container {
        width: 90%;
        border: 1px solid gray;
        margin: 10px;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
}

#banner {
        padding: 5px;
        margin-bottom: 5px;
        background-color: #FFF3D7;
}

#content {
        padding: 5px;
        margin-left: 215px;
        margin-right: 215px;
        background-color: #FFDCD0;
}

#sidebar-1 {
        float: left;
        width: 200px;
        \width: 210px;
        w\idth: 200px;
        margin: 0;
        margin-right: 5px;
        padding: 5px;
        background-color: #CECECE;
}

#sidebar-2 {
        float: right;
        width: 200px;
        \width: 210px;
        w\idth: 200px;
        margin: 0;
        margin-left: 5px;
        padding: 5px;
        background-color: #CECECE;
}

#footer {
        clear: both;
        padding: 5px;
        margin-top: 5px;
       
        background-color: #FFF3D7;
}

Bruno Miranda

www.bopia.com
My name is Bruno Miranda and I am a Freelance designer and owner of Bopia | Design Studio.
Based in Plantation, FL, Bopia is an insightful web design studio that specializes in clean, minimalist designs that follow strict web standards. With great attention to details and usability; we are committed to deliver only the best.

Comments

Comments Multiple widths.
Thu. Feb. 16th, 2006 6:58 PM    Helper mercutio

Voting