Help About Css Problem?

[Osmanosaman]

Arkadslar merhaba benim bir css dosyam var ..
İcerigii------------->
body
{
margin:0px auto;
padding:0px;
background-color:#ffffff;
font-family: Microsoft Sans Serif;
background-color : #fff;
color : #444;
text-decoration : none;
word-spacing : normal;
text-align : left;
letter-spacing : 0;
line-height : 1.2em;
font-size : 1em;
}
#container
{ position:relative;
width:100%;
}
#header
{
width:100%;
height:30px;
border:1px solid;
}
#middle
{
position:relative;
width:100%;
border:1px solid;

}
.leftSideBar
{ position:absolute;
width:20%;
height:300px;
border:1px dotted red;
margin-left:10px;


}
.content
{
position:absolute;
right:0px;
width:75%;
border:1px dotted red;
min-height:700px;
margin-right:10px;



}
#footer
{ position:absolute;
margin-bottom:0;
width:100%;
height:120px;

}

Daha sonra Html kodlarım
<div id="container">
<div id="header">BURASI HEADER</div>
<div id="middle">
<div class="leftSideBar">

</div>
<div class="content">

</div>
<asp:ContentPlaceHolder ID="MainContentPlaceHolder" runat="server">
BURASI ORTA İÇERİK
</asp:ContentPlaceHolder>

</div>
<div id="footer">BURASI FOOTER</div>
</div>

Burada footer alanını nasıl aşagıya duşürebilirim ?

 

[kobenes]

Aşağı düşürmekten kastınız ne acaba tam anlamadım?

 

[Osmanosaman]

Yani söyle header alanım var en üstte sorun yok
Onun altında içerik alanım var onunda içinde sol tarafta sidebar alanı onun yanındada sag tarafta iceriklerin gelcegi alan var ama bu alanın boyutu dinamik olucak gelen iceriklere göre yüksekligi degişiyo Sonra içerik alanının altında da footer olmasını istiyorum ama bu footer alanı ortadaki içerigin yüksekliginin degişmesine ragmen yine altta olsun istiyorum

 

[mgsmus]

#footer için margin-bottom:0; değil bottom:0; olacak.
Ayrıca #footer için 120px yükseklik belirlemişsiniz. #middle ile iç içe girmemesi için #middle'a margin-bottom:120px; ya da padding-bottom:120px; ekleyebilirsiniz. Aşağıda footer için boşluk bırakacaktır.

Bir de affınıza sığınarak söylüyorum css sayfa yapılandırmasıyla ilgili sıkıntınız var gibi. Şu adresin işinize yarayacağını düşünüyorum:

http://layouts.ironmyers.com/