<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Layout 3 kolom dengan css</title>
<style type="text/css">
#halaman { width:980px; margin:0 auto; }
#header { height:100px; padding:10px;background-color:#CCCCCC; }
#kiri { height:100px; padding:10px;background-color:#CCCCCC;float:left;width:250px; margin-top:10px; }
#kanan { height:100px; padding:10px;background-color:#CCCCCC;float:right;width:250px; margin-top:10px; }
#tengah { height:100px; padding:10px;background-color:#CCCCCC;margin:10px 290px 0 290px; }
#footer { clear:both; height:50px;padding:10px; background-color:#CCCCCC; margin-top:10px;}
</style>
</head>
<body>
<div id="halaman">
<div id="header">HEADER</div>
<div id="kiri">KIRI</div>
<div id="kanan">KANAN</div>
<div id="tengah">TENGAH</div>
<div id="footer">FOOTER</div>
</div>
</body>
</html> Hasil 
noreply@blogger.com (rian saadillah sukamdi Yan) 06 Jun, 2013
-
Source: http://besoklagiaja.blogspot.com/2013/06/membuat-tampilan-layout-3-kolom-dengan.html
--
Manage subscription | Powered by rssforward.com
Tidak ada komentar:
Posting Komentar