[CSS] DIV problem z tłami, Dwa tła na jednej stronie, działa tylko jedno ;/ Opcje

[d0m1n1k_]

Cześć wszystkim!

Sprawa wygląda tak, że zaczynam przechodzić (jak zaraz zobaczycie, bardzo opornie) z tabel do divów
Chce zrobić takie "cuś":
(IMG:http://img192.imageshack.us/img192/7494/typtla.jpg)
Tzn. dwa tła.
czerwone gorne ma być np. obrazkiem tlo1.jpg
czerwone dolne z kolei np. obrazkiem tlo2.jpg albo kolorem
Jak mam zrobić żeby to działało.
Udaje mi się zrobić żeby góra działała sama,
tak wyglada styl i wyglad:

[HTML] pobierz, plaintext 
<style type="text/css">
 
body {
	margin-left: 00px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
 
#body {
      width: 100%;
      height: 120px;
      background-color:  #0000ff;
}
 
#column {
      width: 1000px;
      margin: 0 auto 0 auto;
}
 
#column-left {
      width: 650px;
      float: left;
      font-size: 1.3em;
      font-weight: bold;
      color: #ffffff;
	  background-color:  #00FF33;
}
 
#column-right {
      width: 350px;
      float: left;
      font-size: 1.3em;
      font-weight: bold;
      color: #ffffff;
	  background-color: #990000;
}
 
#stopka {
	  background: #0000FF;
	  height: 100px;
	  width: 100%;
	  clear: both;
 
}
</style>
<div id="body">
<div id="column">
<div id="column-left">
Tytuł
</div>
<div id="column-right">
tekst
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
</div>
<div id="stopka">
asdasd
</div>
[HTML] pobierz, plaintext 

Czemu nie chce mi to zadziałać w stopce tak jak to robi na górze w body?!
Co robie źle?!

[pedro84]

Poczytaj najpierw o CSS, bo robisz syfek straszny. Raz stosujesz:

Kod

#
margin-left: 00px;
#
margin-top: 0px;
#
margin-right: 0px;
#
margin-bottom: 0px;

innym razem:

Kod

margin:0 auto 0 auto

Z drugiej strony, DRY. Pamiętaj:

Kod

// Można tak
margin:0 auto 0 auto;

// Ale tak lepiej jeśli nie ustawiasz dla góry/dołu marginesu. Tak samo z paddingiem.
margin:0 auto

Masz nie zamknięte divy body i column (swoją drogą głupia konwencja nazewnictwa). W dodatku nie widzę, żadnego diva topu strony (header, top, etc.).

Czemu nie zrobisz tego jakoś po ludzku?

Kod

<div id="header-wrap">
  <div id="header"><!-- TUTAJ TE CZERWONE TŁO</div>
</div>

I analogicznie w stopce:

Kod

<div id="footer-wrap">
  <div id="footer"><!-- TUTAJ TE CZERWONE TŁO</div>
</div>