[css][html] Problem z margin gdy nad tym jest float: left; Opcje

[poxrimex]

mam z tym taki problem:

[HTML] pobierz, plaintext 
<div class="strona">
 
<div style="background-color: blue; width: 200px;">
      ABC
</div>
 
<div style="background-color: blue; width: 200px; float: left;">
      ABC
</div>
 
</div>
 
 
<div class="stopka">
<a href="s.html">abc</a>
<a href="t.html">abc</a>
<a href="y.html">ac</a>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
div.stopka
{
clear: both;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
[HTML] pobierz, plaintext 

Z tym skryptem jest tak że, kiedy pojawiają się te linijki:

[HTML] pobierz, plaintext 
<div style="background-color: blue; width: 200px;">
      ABC
</div>
 
<div style="background-color: blue; width: 200px; float: left;">
      ABC
</div>
[HTML] pobierz, plaintext 

To dla divu stopka przestaje działać atrybut margin-top

Ten post edytował poxrimex 10.03.2008, 15:59:34

[bogdan89]

to daj dla div.strona i dla div.stopka display:table, albo display:block.

[nevt]

po tym (ale przed stopką)

[HTML] pobierz, plaintext 
<div style="background-color: blue; width: 200px; float: left;">
      ABC
</div>html]
dopisz
[html]
<div style="clear: both;"></div>
[HTML] pobierz, plaintext