[HTML]Div w złym miejscu Opcje

[kszymon0]

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)

[muk4]

Ustaw margin-top w css dla tego diva.

[kszymon0]

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 post edytował kszymon0 8.08.2010, 19:59:56

[Damonsson]

Ten czarny DIV to ma być Twoja stopka?

[kszymon0]

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 

[beamer]

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

Pozdrawiam

[muniekw]

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

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