7
Feb
2014
Layout 3 colom CSS
/
0 Comments
Listing CSS layout 3 Colom :
body {
width:750px;
margin:0 auto;
margin-top:30px;
}
#header {
width:750px;
height:150px;
background-color:#333333;
}
#wrapper{
width:750px;
background:url(background_4.gif) repeat-y; /* anti background dengan warna yang kamu inginkan
margin-top:10px;
}
#navigation {
width:200px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
background-color:#333333;
float:right;
}
#content {
width:540px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
background-color:#333333;
margin-top:10px;
}
#footer {
width:750px;
height:100px;
background-color:#333333;
margin-top:10px;
}
</style>
</head>
<body>
<div id="header">
</div>
<div id="wrapper">
<div id="navigation">
</div>
<div id="content">
</div>
</div>
<div id="footer">
</div>
body {
width:750px;
margin:0 auto;
margin-top:30px;
}
#header {
width:750px;
height:150px;
background-color:#333333;
}
#wrapper{
width:750px;
background:url(background_4.gif) repeat-y; /* anti background dengan warna yang kamu inginkan
margin-top:10px;
}
#navigation {
width:200px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
background-color:#333333;
float:right;
}
#content {
width:540px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
background-color:#333333;
margin-top:10px;
}
#footer {
width:750px;
height:100px;
background-color:#333333;
margin-top:10px;
}
</style>
</head>
<body>
<div id="header">
</div>
<div id="wrapper">
<div id="navigation">
</div>
<div id="content">
</div>
</div>
<div id="footer">
</div>