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

[s_w_ir]

Kod

position : absolute;
bottom:0;

Teraz tak, kod ten tyczy się stopki. Jesli na stronie będziesz miał wystarczająco dużo zawartości aby zawsze było zajęte minimum całe okno przeglądarki to na pewno siądzie na dole diva głownego.
Dla gównego diva:

Kod

position : absolute;
top:0;