- Beranda
- Templates & Scripts Stuff
[Help] buat site 3 kolom pake css
...
![ArchLive](https://s.kaskus.id/user/avatar/2010/11/27/avatar2311471_1.gif)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
TS
ArchLive
[Help] buat site 3 kolom pake css
newbie mohon bantuan nya gan...
ane coba coba bikin site 3 kolom. pake coding dibawah, cuma hasilnya kok aneh ya gan. mohon bantuannya ya gan.
![[Help] buat site 3 kolom pake css](https://s.kaskus.id/images/2015/07/15/2311471_20150715043944.jpg)
/* CONTAINER SECTION */
.container-full { width: 100%; margin: 0px; }
.container-left { width: 17.5%; float: left; }
.container-center { width: 65%; float: inline-block; }
.container-right { width: 17.5%; float: right; }
/* HEADER SECTION */
.header {width:100%; margin: 0px }
.header-top {background-color: e55f3a; height: 60 }
.header-top p { font-family: Tahoma, Geneva, sans-serif; font-size: 16px; color: ffffff; float: left; padding: 20px 40px 0 20px; }
.header-menu { background-color: f2f2f2; height: 87px; }
.header-link { background-color: ffffff; height: 38px; }
<div class="container-full">
<div class="container-left">
<div class="header-top"></div>
<div class="header-menu"></div>
</div>
<div class="container-center">
<div class="header">
<div class="header-top">
<p>Call : 000 8888 888</p>
<p>Mail : csinfo@test.com</p>
</div>
<div class="header-menu"></div>
<div class="header-link"></div>
</div>
</div>
<div class="container-right">
<div class="header-top"></div>
<div class="header-menu"></div>
</div>
</div>
<div class="clearing"></div>
ane coba coba bikin site 3 kolom. pake coding dibawah, cuma hasilnya kok aneh ya gan. mohon bantuannya ya gan.
![[Help] buat site 3 kolom pake css](https://s.kaskus.id/images/2015/07/15/2311471_20150715043944.jpg)
/* CONTAINER SECTION */
.container-full { width: 100%; margin: 0px; }
.container-left { width: 17.5%; float: left; }
.container-center { width: 65%; float: inline-block; }
.container-right { width: 17.5%; float: right; }
/* HEADER SECTION */
.header {width:100%; margin: 0px }
.header-top {background-color: e55f3a; height: 60 }
.header-top p { font-family: Tahoma, Geneva, sans-serif; font-size: 16px; color: ffffff; float: left; padding: 20px 40px 0 20px; }
.header-menu { background-color: f2f2f2; height: 87px; }
.header-link { background-color: ffffff; height: 38px; }
<div class="container-full">
<div class="container-left">
<div class="header-top"></div>
<div class="header-menu"></div>
</div>
<div class="container-center">
<div class="header">
<div class="header-top">
<p>Call : 000 8888 888</p>
<p>Mail : csinfo@test.com</p>
</div>
<div class="header-menu"></div>
<div class="header-link"></div>
</div>
</div>
<div class="container-right">
<div class="header-top"></div>
<div class="header-menu"></div>
</div>
</div>
<div class="clearing"></div>
0
753
2
![Guest](https://s.kaskus.id/user/avatar/default.png)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
Komentar yang asik ya
Mari bergabung, dapatkan informasi dan teman baru!
![Templates & Scripts Stuff](https://s.kaskus.id/r200x200/ficon/image-442.png)
Templates & Scripts Stuff![KASKUS Official KASKUS Official](https://s.kaskus.id/kaskus-next/next-assets/images/icon-official-badge.svg)
2.5KThread•661Anggota
Urutkan
Terlama
![Guest](https://s.kaskus.id/user/avatar/default.png)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
Komentar yang asik ya