Witam,
Postanowiłem zaprzyjaźnić się z div'ami, ponieważ zazwyczaj robiłem strony na tabelkach.
Gdy wszystko szło dobrze pojawił się mały kłopot. Chodzi o to, że chcąc zrobić diva z czarnym tłem tak jak tutaj:

http://img843.imageshack.us/f/dddq.png/ (ten na dole)

ale po dodaniu takiej linijki

[HTML] pobierz, plaintext 
<div style="background-color: #000000; height: 20px;">ss</div>
[HTML] pobierz, plaintext 

na dole przed

[HTML] pobierz, plaintext 
</body>
[HTML] pobierz, plaintext 

wychodzi mi coś takiego:

http://img812.imageshack.us/f/dfdfsfs.png/ , co robię nie tak?

ps. cały kod html http://3paste.com/hash/d3cd8f7edecbc7b2b9da36ca4d463c55 - wiem, że css nie jest osobno (po skończeniu strony go zrobię oddzielnie)

Ustaw margin-top w css dla tego diva.

Hmm myślałem nad tym, ale nie chcę mieć tego ustalonego statycznie. Znalazłem chyba błąd (na moje oko wziął się on z zagnieżdżenia div'a w div'ie...)

@edit
I znów pomyłka jednak to nie było to o czym myślałem

Ten czarny DIV to ma być Twoja stopka?

Tak, ten czarny div ma mieć zastosowanie stopki.
To co udało mi się zauważyć to, to że powiększając zawartość (dodając tekst) div'a oznaczonego // 2 nie powiększa się div oznaczony jako // 1

[HTML] pobierz, plaintext 
<div style="margin-left: auto; margin-right: auto;"> // 1
 <div style="float: left; max-width: 215px; width: 100%; margin-top: 15px; max-height: 1240px;">
  <div style="width: 100%; height: 27px; background-image: url(./updata/images/default/menu2_bar.png); padding-top: 6px;"></div>
  <div style="width: 100%; background-color: #DBDBDB; font-size: 11px;"></div>
  <div style="width: 100%; color: #000000; font-family: Verdana, Arial; font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 25px; padding-left: 5px;"></div>
  <div style="background-color: #000000; height: 1px;"></div>
  <div style="width: 100%; color: #101010; font-family: Verdana, Arial; font-size: 12px; margin-bottom: 5px; margin-top: 7px; padding-left: 2px;"></div>    
 </div>
 <div style="float: right; max-width: 1015px; width: 100%; margin-top: 15px; margin-left: 10px;"> // 2
  <div style="width: 100%; color: #6d0000; font-family: Verdana, Arial; font-size: 20px; margin-bottom: 5px; padding-left: 10px;">tekst</div>
  <div style="background-color: #000000; height: 1px;"></div>
   tekst<br>
   tekst<br>
   tekst<br>
   tekst<br>
   tekst<br>
   tekst<br>
  <div style="background-color: #000000; height: 1px;"></div>
 </div>
</div>
[HTML] pobierz, plaintext 

Stestuj to http://www.cssstickyfooter.com/

Pozdrawiam

Zobacz czy zadziała jak do tego diva do styli dorzucisz:

[HTML] pobierz, plaintext 
clear: both;
[HTML] pobierz, plaintext