tasarımı baştan yap derim dream kullanıyorsan hazır bir sayfa aç düzenlemesinide ordan yap veyahutta şu şekil yap
>>>>>>>>>>>>>>>>>>>>>>>>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3 Kolonlu Aksak Kolon Tasarımı</title>
<style type="text/css">
<!--
/* bu örnek CSS MASTERY: ADVANCED WEB STANDARDS SOLUTIONS den alınmıştır
================================== */
/* Tüm elelmentlere sıfır değeri verilmiştir */
* {
margin: 0;
padding: 0;
}
body {
font: 62.5%/1.6 Verdana, sans-serif;
background-color:#D4D4D4;
}
h1 {
font-size: 2.4em;
font-weight: normal;
}
h2 {
font-size: 2.0em;
font-weight: normal;
}
p, li {
font-size: 1.4em;
}
h1, h2, p {
margin: 1em 0;
}
#ustKisim {
height: 50px;
background-color:#0099FF;
padding: 20px;
}
#ustKisim h1 {
margin: 0;
}
#Menu {
list-style: none;
}
#ikincilIcerik h2 {
font-size: 1.6em;
margin: 0;
}
#ikincilIcerik p {
font-size: 1.2em;
}
#AltKisim {
background-color:#CCCC99;
padding: 1px 20px;
}
/* Asıl İçerik
================================= */
body {
text-align: center;
min-width: 760px;
}
#KapsayiciAlan {
width: 85%;
margin: 0 auto;
text-align: left;
background: #fff url(images/sol_zemin_resmi.gif) repeat-y 23% 0;
}
#ikinciKapsayiciAlan {
background: url(images/sag_zemin_resmi.gif) repeat-y 77% 0;
}
#Menu {
width: 23%;
float: left;
}
#icerik {
width: 75%;
float: right;
}
#anaIcerik {
width: 66%;
margin: 0;
float: left;
}
#ikincilIcerik {
width: 31%;
min-width: 10em;
display: inline; /* :KLUDGE: Fixes IE double margin float bug */
float: right;
}
#AltKisim {
clear: both;
}
#Menu, #ikincilIcerik {
padding-top: 20px;
padding-bottom: 20px;
}
#Menu *, #ikincilIcerik * {
padding-left: 20px;
padding-right: 20px;
}
#Menu * *, #ikincilIcerik * * {
padding-left: 0;
padding-right: 0;
}
-->
</style>
</head>
<body>
<div id="KapsayiciAlan">
<div id="ikinciKapsayiciAlan">
<div id="ustKisim">
<h1>Fatih HAYRİOĞLU</h1>
</div>
<div id="icerik">
<div id="anaIcerik">
<h1>Contrary to popular belief</h1>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. </p>
<h2>Ea commodo consequat</h2>
<p>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. </p>
<p>Ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.</p>
<p>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC.</p>
<p>Ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.</p>
</div>
<div id="ikincilIcerik">
<h2>It is a long established fact that</h2>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. </p>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default .</p>
</div>
</div>
<ul id="Menu">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Makaleler</a></li>
<li><a href="#">Haberler</a></li>
<li><a href="#">Portföy</a></li>
<li><a href="#">Linkler</a></li>
<li><a href="#">Bana Ulaşın</a></li>
</ul>
<div id="AltKisim">
<p>Bu sitenin tüm hakkı Hakkı'nındır</p>
</div>
</div>
</div>
</body>
</html>
>>>>>>>>>>>>>>>>>
