[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?!

[krzysztof_kf]

może to ci się przyda

Kod

<style type="text/css">


body {
height: 100px;
margin: 0;
background: #fff url(body.png) repeat-x;
}

#header {
width: 1000px;
height: 100px;
background: #ff0000;
margin: 0 auto;
}

#column {
width: 1000px;
height: 800px;
margin: 0 auto;
border: 1px solid #3399ff;
}

#column-left {
width: 300px;
float: left;
}

#column-right {
width: 700px;
float: left;
}

#footer-tlo {
height: 100px;
background: #3399ff url(twojobrazek.png) repeat-x;
}

#footer {
width: 1000px;
height: 30px;
margin: 0 auto;
background: #fff;
border: 1px solid #3399ff;
}
</style>

<div id="header">
Twoje logo
</div>
<div id="column">
<div id="column-left">
lewa kolumna
</div>
<div id="column-right">
Prawa kolumna
</div>
         </div>
<div id="footer-tlo">
<div id="footer">
twoja stopka
</div>

Ten post edytował krzysztof_kf 17.03.2010, 17:04:45