Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css][html] Problem z margin gdy nad tym jest float: left;
Forum PHP.pl > Forum > Przedszkole
poxrimex
mam z tym taki problem:

  1. <div class="strona">
  2.  
  3. <div style="background-color: blue; width: 200px;">
  4. ABC
  5. </div>
  6.  
  7. <div style="background-color: blue; width: 200px; float: left;">
  8. ABC
  9. </div>
  10.  
  11. </div>
  12.  
  13.  
  14. <div class="stopka">
  15. <a href="s.html">abc</a>
  16. <a href="t.html">abc</a>
  17. <a href="y.html">ac</a>
  18. </div>

  1. div.stopka
  2. {
  3. clear: both;
  4. margin-top: 80px;
  5. margin-left: auto;
  6. margin-right: auto;
  7. }


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

  1. <div style="background-color: blue; width: 200px;">
  2. ABC
  3. </div>
  4.  
  5. <div style="background-color: blue; width: 200px; float: left;">
  6. ABC
  7. </div>


To dla divu stopka przestaje działać atrybut margin-top
bogdan89
to daj dla div.strona i dla div.stopka display:table, albo display:block.
nevt
po tym (ale przed stopką)
  1. <div style="background-color: blue; width: 200px; float: left;">
  2. ABC
  3. </div>html]
  4. dopisz
  5. [html]
  6. <div style="clear: both;"></div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.