Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] za duze odstepy miedzy divami IE
Forum PHP.pl > Forum > Przedszkole
tomek_13
  1. <div style="margin-top: 25px; margin-left: 70px;">
  2.  
  3. <!-- div_1 -->
  4. <div style="margin: 0px; padding:0px;">
  5. <div style="float: left; width: 200px; display: inline">sdfsdf</div>
  6. <div style="float: left; ">sdfsdfsdf</div>
  7. <span style="clear: both;">&nbsp;</span>
  8. </div>
  9.  
  10. <!-- div_2 -->
  11. <div style="margin: 0px; padding:0px;">
  12. <div style="float: left; width: 200px; display: inline">sdfsdfsdfds</div>
  13. <div style="float: left;">sdfsdf</div>
  14. <span style="clear: both;">&nbsp;</span>
  15. </div>
  16.  
  17. <!-- div_3 -->
  18. <div style="margin: 0px; padding:0px;">
  19. <div style="float: left; width: 200px;display: inline ">sdfdsfdsfdsf</div>
  20. <div style="float: left;">dsfsdfdsf</div>
  21. <span style="clear: both;">&nbsp;</span>
  22. </div>
  23.  
  24. <!-- div_4 -->
  25. <div style="margin: 0px padding:0px;;">
  26. <div style="float: left; width: 200px; display: inline">dsfdfsdfsdfsd</div>
  27. <div style="float: left; ">sdfsdfdsfsdfdsfds</div>
  28. <span style="clear: both;">&nbsp;</span>
  29. </div>
  30.  
  31. </div>
  32.  


pod normalnymi przegladarkami dziala dobrze natomiast w IE sa za duze odstepy miedzy div1 div2 div3 i div4
znalazlem gdzies ze display: inline powinno pomoc
ale tutaj mi nie pomaga, moze w zlym miejscu je dalem
jak mozna rozwiazac ten problem questionmark.gif
wookieb
Ja bym na twoim miejscu wrocil do podstaw i zobaczyl co robil float a co display: inline i jak to działa

  1. <span style="clear: both;"> </span>

Zamien na
  1. <div style="clear: both; font-size: 2px;"></div>
tomek_13
ok usunolem to display inline i zamienilem tespan na div ale pod ie w dalszym ciagu jestzle
  1. <div style="margin-top: 25px; margin-left: 70px;">
  2.  
  3. <!-- div_1 -->
  4. <div style="margin: 0px; padding:0px;">
  5. <div style="float: left; width: 200px; ">sdfsdf</div>
  6. <div style="float: left; ">sdfsdfsdf</div>
  7. <div style="clear: both; font-size: 2px;"></div>
  8. </div>
  9.  
  10. <!-- div_2 -->
  11. <div style="margin: 0px; padding:0px;">
  12. <div style="float: left; width: 200px; ">sdfsdfsdfds</div>
  13. <div style="float: left;">sdfsdf</div>
  14. <div style="clear: both; font-size: 2px;"></div>
  15. </div>
  16.  
  17. <!-- div_3 -->
  18. <div style="margin: 0px; padding:0px;">
  19. <div style="float: left; width: 200px; ">sdfdsfdsfdsf</div>
  20. <div style="float: left;">dsfsdfdsf</div>
  21. <div style="clear: both; font-size: 2px;"></div>
  22. </div>
  23.  
  24. <!-- div_4 -->
  25. <div style="margin: 0px padding:0px;;">
  26. <div style="float: left; width: 200px; ">dsfdfsdfsdfsd</div>
  27. <div style="float: left; ">sdfsdfdsfsdfdsfds</div>
  28. <div style="clear: both; font-size: 2px;"></div>
  29. </div>
  30.  
  31. </div>
wookieb
  1. <div style="margin-top: 25px; margin-left: 70px;">
  2.  
  3. <!-- div_1 -->
  4. <div style="margin: 0px; padding:0px; display: inline-block;">
  5. <div style="float: left; width: 200px;">sdfsdf</div>
  6. <div style="float: left; ">sdfsdfdsfsdfdsfds</div>
  7. <div style="clear: both; font-size: 2px;"></div>
  8. </div>
  9.  
  10. <!-- div_2 -->
  11. <div style="margin: 0px; padding:0px; display: inline-block;">
  12. <div style="float: left; width: 200px;">sdfsdfsdfds</div>
  13. <div style="float: left; ">sdfsdfdsfsdfdsfds</div>
  14. <div style="clear: both; font-size: 2px;"></div>
  15. </div>
  16.  
  17. <div style="margin: 0px; padding:0px; display: inline-block;">
  18. <div style="float: left; width: 200px;">sdfdsfdsfdsf</div>
  19. <div style="float: left; ">sdfsdfdsfsdfdsfds</div>
  20. <div style="clear: both; font-size: 2px;"></div>
  21. </div>
  22.  
  23. <!-- div_4 -->
  24. <div style="margin: 0px padding:0px; display: inline-block;">
  25. <div style="float: left; width: 200px;">dsfdfsdfsdfsd</div>
  26. <div style="float: left; ">sdfsdfdsfsdfdsfds</div>
  27. <div style="clear: both; font-size: 2px;"></div>
  28. </div>
  29.  
  30. </div>
tomek_13
kod ktory podales dziala dla ie natomiast w pozostalych przegladarkach dziala nie prawidlowo
ale po dodaniu szerokosci do glownego diva wszystko dziala dobrze w 3 przegladarkach
dzieki smile.gif
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.