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

Bez obrazy dla Twojego znajomego, ale...
Tabele zostały stworzone do odpowiedniego prezentowania danych tabelarycznych, i to jest ich miejsce. Kiedyś nie było CSS i programiści tworzyli odpowiedni layouty za pomocą mnóstwa tabel zagnieżdżanych oraz przeźroczystych gifów. Kod był pajęczyną tabel w której gubiłeś następnego dnia gdy chciałeś edytować jakieś dane. Dziś dązymy do oddzielenia wyglądu strony od jej treści, co daje nam właśnie CSS. Inna sprawa że trzeba się troche napracować żeby uzyskać to co dostalibyśmy w "krótszym" czasie za pomocą tabel, ale...
WARTO!!! Dwa, pięć , dziesięć projektów i już nie będzie to dla Ciebie stanowić problemu, a zyskasz bardzo wiele na czytelności kodu.
Jednak wybór jak zawsze należy do Ciebie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Pozdrawiam.