CSS ile 3 sütunlu web sayfası oluşturma

Üç kolonlu bir web sayfası yapmak için aşağıdaki kodu "default.css" dosyasının içine yapıştırın.Burada # ile gösterilen kısımlar divlerin "id" leridir.
body
{
margin:0px;
padding:0px;
text-align:center;
}
#ust_div
{
width:900px;
height:100px;
background-color:Aqua;
}
#alt_div
{
clear:both;
width:900px;
height:50px;
background-color:Aqua;
}
#sol_div
{ float:left;
height:100%;
width:150px;
background-color:Gray;
}
#sag_div
{
float:right;
height:100%;
width:150px;
background-color:Blue;
}
#orta_div
{
float:left;

height:100%;
width:600px;
background-color:Green;
}
#ana_div
{
width:900px;
height:450px;
margin:auto;
}
Şimdi de ana sayfanıza css'yi dahil (import) edin.
<link href="deault.css" rel="stylesheet" type="text/css" />
Geldik son aşamaya bu aşamada web sayfamıza div leri oluşturacağız.Divleri aşağıdaki gibi oluşturmamız gerekiyor.

<div id="ana_div">
<div id="ust_div"></div>
<div id="sol_div"></div>
<div id="orta_div">

Buraya ana içerik gelecek..
</div>
<div id="sag_div"></div>
<div id="alt_div"></div>
</div>
Sonuç sayfanın üst kısmındaki gibi olmalı.Kolaygelsin....



1 yorum:

  1. Hocam bunları kitap yapıp bizim adrese yollasan, kütüphanemiz de kalıcı bir eserimiz olurdu. Saygılar...

    YanıtlaSil

Popüler Yayınlar