Merhaba arkadaşlar psd-to css yapıyorum header tamamıyla sorunsuz bitti homepageyi yapıyorum fakat homepagenin sonu gözükmüyor bir çerçeve koydum resimli olarak ondan sonra footer alanına ne eklersem ekliyim gözükmüyor.Yardımcı olabilirseniz sevinirim.
Ekran Resmi ;
HTML KODLARI ;
<!---Homepage Baslar--->
<div id="homepage" >
<!---Musteri Girisi Baslar--->
<div id="login" >
<ul>
<li class="yazi1"><br>Müşteri</br> Girişi</li>
</ul>
<input name="" type="text" class="login-form" value=" E-mail adresiniz" onfocus="if(this.value==' E-mail adresiniz')this.value=''" onblur="if(this.value=='')this.value=' E-mail adresiniz'" />
<input name="" type="password" class="login-form2" value=" Şifreniz" onfocus="if(this.value==' Şifreniz')this.value=''" onblur="if(this.value=='')this.value=' Şifreniz'" />
<a href="#"><div class="girisyap" ></div></a>
<div class="yazi2" >
<ul>
<li><a href="#">Kayıt Ol</a></li>
<li><a href="#">Şifremi Unuttum ?</a></li>
</ul>
</div>
</div>
<!---Musteri Girisi Biter--->
<!---Banner ALani Baslar--->
<div id="sliderbg" >
<div id="slider" class="nivoSlider">
<img src="banner/banner/1.png" tppabs="banner/banner/1.png" alt="" />
<img src="banner/banner/2.png" tppabs="banner/banner/2.png" alt="" />
<img src="banner/banner/3.png" tppabs="banner/banner/3.png" alt="" />
</div>
</div>
<!---Banner Alani Biter--->
<!---Domain Alani Baslar--->
<div id="domain" >
<div class="yazi3" >
<ul>
<li>Alan Adı Tescil 17 TL ' den başlıyan fiyatlarla...</li>
</ul>
</div>
<input name="" type="text" class="whois-form" value=" örn : domain.com" onfocus="if(this.value==' örn : domain.com')this.value=''" onblur="if(this.value=='')this.value=' örn : domain.com'" />
<div class="sorgula">
<img src="images/sorgula.png" /></li>
<ul>
<li><a href="#">Sorgula</a></li>
</ul>
</div>
<div id="cbox">
<input name="" type="checkbox" class="cbox" value="" />.com
<input name="" type="checkbox" class="cbox" value="" />.net
<input name="" type="checkbox" class="cbox" value="" />.org
<input name="" type="checkbox" class="cbox" value="" />.in
<br />
<input name="" type="checkbox" class="cbox2" value="" />.tv
<input name="" type="checkbox" class="cbox2" value="" />.biz
<input name="" type="checkbox" class="cbox2" value="" />.info
<input name="" type="checkbox" class="cbox2" value="" />.tk
</div>
</div>
<!---Domain Alani Biter--->
</div>
<!---Homepage Biter--->CSS KODLARI ;
#homepage {
background-image: url(images/homebg.png);
width: 810px;
height: 659px;
margin: 25px -4px;
}
#login .yazi1 {
font-family:Myriad Pro, Geneva, sans-serif;
font-size:11px;
font-weight: bold;
color: #fff;
display: inline;
float:left;
margin: 8px -13px;
vertical-align: middle;
}
#login .yazi2 li{
font-family:Myriad Pro, Geneva, sans-serif;
font-size:13px;
font-weight: bold;
display: inline;
float:left;
margin: 22px 0px;
padding: 5px;
}
#login .yazi2 li a{
color: #fff;
text-decoration: none;
}
#login .girisyap {
background-image: url(images/girisyap.png);
width: 67px;
height: 23px;
float:left;
margin: 24px 25px;
}
.login-form {
float:left;
margin: 23px 25px;
height:22px;
width:170px;
padding: 0;
border:1px solid #dedede;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 5px;
outline: none;
}
.login-form2 {
float:left;
margin: 23px -10px;
height:22px;
width:170px;
padding: 0;
border:1px solid #dedede;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 5px;
outline: none;
}
#sliderbg {
background-image: url(images/bannerbg.png);
position:fixed;
width: 784px;
height: 170px;
float:left;
margin: 65px 14px;
}
#domain {
background-image: url(images/domainbg.png);
width: 784px;
height: 100px;
float:left ;
position:fixed;
margin: 245px 15px;
}
#domain .yazi3 li {
font-family:Myriad Pro, Geneva, sans-serif;
font-size:14px;
font-weight: semibold;
font-style:italic;
display: inline;
float:left;
margin: -3px -30px;
color: #fff;
text-decoration: none;
}
#domain .whois-form{
float:left;
margin: 35px -153px;
height:32px;
width:335px;
padding: 0;
border:1px solid #dedede;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 5px;
outline: none;
}
#domain .sorgula{
background-image: url(images/sorgula.png);
width: 30px;
height: 24px;
float:left;
margin: 40px 160px;
}
#domain .sorgula li {
display: inline;
}
#domain .sorgula li a{
font-family:Myriad Pro, Geneva, sans-serif;
font-size:18px;
font-weight: bold;
float:left;
margin: -38px -5px;
color: #fff;
text-decoration: none;
}
#cbox {
font-family:Myriad Pro, Geneva, sans-serif;
font-size:15px;
font-weight: bold;
color: gray;
float:right;
margin: -73px 45px;
}
.cbox {
margin-left:5px;
}
.cbox2 {
margin-left:5px;
}Yardımlarınızı bekliyorum tüm homepage içeriği yukarıdaki gibidir.