[Komplo]

İyi günler.
4–5 gündür CSS öğrenmeye çalışıyorum ve tablolu yapılardan kurtulmak için... Ekte takıldığım noktaları göstermeye çalıştım.
1.si, sol menü ve içerik (sağ taraf) aynı yükseklikte olmadığı için havada kalıyor ve aşağı tarafta beraber sonlanmıyorlar… “height: 100%” , "display:block" "float:left" (sol ve sağ kolonlar için) buna benzer yollar denedim ancak muaffak olamadım.

2.si footer bölümü için sol ve sağ menünün bitimine #footer{clear:both} yaptığımda kolonların altındaki alan kadar bir genişliğe sahip oluyor. Ben bunun yerine en altta tamamını kapsamasını istiyorum. Ancak footer için yerleştirdiğim div’in altında 5-10 px’lik bir boşluk oluşuyor. Buralardaki hatam konusunda bir fikri olan?

Sitenin CSS kodları ekin içerisinde. Cevaplar için şimdiden teşekkürler…

(Aramalarımda Ceyhun Aksan'ın benim sorunuma yakın bir çözümü var. Yaptığı çözümü uyguladım. Ancak yine olmadı...)

* {
  margin: 0;
  padding: 0;
}

body{
background:url(images/bg2.jpg) repeat-x;
background-color:#e4e4e4;
min-width:780px;
margin:0;
padding:0;
text-align:center;
}

#wrapper{
width: 760px; 
margin: 20px auto 0px auto;
padding: 0px;
text-align: left; 
background-color:transparent;
display:block;
}
#logo{
height: 238px;
padding: 0px;
margin: 0px;
background-color:#fffffd;
}
#solmenu{
background-color:#ffffff;
width:230px;
float:left;
margin: 3px 0px 0px 0px;
padding: 10px 10px;
display:block;
clear:left;
}
.is{
vertical-align:text-bottom;
text-align:center;
}
#content{
padding: 20px 20px;
width: 470px;
float:left;
margin:3px 0px 0px 0px;
background-color:#f5f5f5;
display: block;
clear: none;
}
#footer{
clear:both;
}

#alt{
padding:0px;
margin:0px;
background-color:#cccccc;
height: 40px;

}