[css] Div oddalony od dolu/bottom o n px, chce go miec na dole Opcje

[Pucy]

Sluchajcie probowalem na wiele sposobow zrobic by div trzymal mi sie dolu diva w ktorym sie znajduje... nie chce tak reagowac poniewaz mam marginesy na -20k xp i overflow wylaczone a stopka jest na clear:both...

DIV o ktorym mowie znajduje sie w dobrej pozycji z pionie, ale jako ze stopka jest stala i niezmienna, moglbym go zmusic aby odstawal od dolu strony o np. 95px, wtedy znalazlby sie na dobrym miejjscu... teraz troche kodu

[HTML] pobierz, plaintext 
<div id="container">
      <div id="links" class="column">         
 
            <div class="category"><br />START</div>
            <div class="sep"><br /></div>
 
            <div class="category">STRONY INTERNETOWE
               <div class="link"><a href="#">KONSULTING, SZKOLENIA</a></div>
               <div class="link"><a href="#">AKTUALIZACJA PORTALI</a></div>
               <div class="link"><a href="#">NARZEDZIA</a></div>         
            </div>
            <div class="sep"><br /></div>
 
            <div class="category">STRONY INTERNETOWE
               <div class="link"><a href="#">KONSULTING, SZKOLENIA</a></div>
               <div class="link"><a href="#">AKTUALIZACJA PORTALI</a></div>
               <div class="link"><a href="#">NARZEDZIA</a></div>         
            </div>
 
      <div id="news">
         NEWSLETTER
      </div>
 
      </div>
 
 
 
      <div id="center" class="column">   
 
         <div id="centerx">
 
            sda   <br />sda   <br />sda   <br />sda   <br />sda   <br />
            sda   <br />sda   <br />sda   <br />sda   <br />sda   <br /><br />
            sda   <br />sda   <br />sda   <br />sda   <br />sda   <br />
            sda   <br />sda   <br />sda   <br />sda   <br />sda   <br />
            sda   <br />sda   <br />sda   <br />sda   <br />sda   <br />
            sda   <br />sda   <br />sda   <br />sda   <br />sda   <br />
 
         </div>
 
      </div>
 
 
   </div>      
<div id="fotter">
 
      <div class="fleft"><img src="./templates/page/images/fot1.gif" alt="" /></div>
      <div class="fright">xxx</div>
 
   </div>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
#container {
width:780px;
overflow:hidden;
}
 
#container .column {
padding-bottom: 20010px; /* X + padding-bottom */
margin-bottom: -20000px; /* X */
}
 
#center {
border:0px solid black;
width:566px;
 float:right;
}
 
#links {
padding-bottom:100px;
 width:214px;
border:0px solid black;
 float: left; background-image:url('../page/images/bglinks.gif');
background-repeat:no-repeat;
 background-color:#535353;
}
 
#news {
border:1px solid black;
width:214px;
postion:relative;
margin-left:10px;
 padding-bottom:100px;
height:50px;
}
 
/*** IE Fix ***/
* html #left {
  left: 214px;           /* RC fullwidth */
}
#fotter { padding:0px; width:780px; border:0px solid black; clear:both;}
#fotter .fleft { width:214px; height:95px; float:left; }
#fotter .fright { width:566px; height:95px; float:right; background-image:url('../page/images/fot2.gif'); }
[HTML] pobierz, plaintext 

P.S Ogolnie chodzi mi o taki rezultat jak na tym pliku
http://republika.pl/pucal/1.JPG

zielony - rozszerze czerwony (zaleznie od tresci)
czerwony - rozszerza zielone (zaleznie od tresci)
brazowy - jest zawsze na dole zielonego bez wzgledu na tresci w poprzednich dwoch prostokatach.

Kto mi pomoze osiagnac taki rezultat?

[Pucy]

(wez to szare miejsce na dole zmien na zielony i walnij miedzy zielonym i niebieskiem) - i oto mi chodzi.

Mamy blok na srodku strony.... po lewej jest zielone, na dole zielonego jest brązowe, po peawej jest niebieskie... Jezeli wpisujemy w zielone to brazowe ejst zawsze na dole zielonego, a rozciagane jest niebieskie wieksze po prawej... w momencie gdy w zielonym jest mniej tekstu, a w niebieskim jest wiecej, to niebieskie rozciaga zielone, pozotawiajac puste miejsce W ZIELONYM!! a brazowe jest zawsze na dole zielonego, na rowni z niebieskim ( dolna krawedz brazowego jest na rowni z dolna krawedzia niebieskiego - ZAWSZE)