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>



You may also like

No comments:

.

.