Three Column 90% Layout
7
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;
}
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;
}
Comments
Thu. Feb. 16th, 2006 6:58 PM
mercutio
mercutio





