Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Problem z IE - divy nie wyświetlają się obok siebie
Forum PHP.pl > Forum > Przedszkole
Ad4m1992
Witam.
Mam swoją stronę: Tasi.pl.
Wszystko fajnie działa, tylko oczywiście nie pod IE.
Zamiast obok siebie, divy wyświetlają się pod sobą.
Oto kod:

  1. <div id="left">
  2. <div id="artykuly">
  3. <div id="naglowek_czarny">artykuły</div>
  4. {foreach item=art from=$artykuly}
  5. <div id="artykul">
  6. <div id="tytul_art"><a href="material.php?id={$art.id}">{$art.tytul|truncate:21:"...":false|stripslashes}</a></div>
  7. <div id="tresc_art">{$art.tresc|truncate:210:"...":false|stripslashes|indent:4:"&nbsp;"}</div>
  8. <div id="czytaj_art"><a href="material.php?id={$art.id}">Czytaj dalej</a></div>
  9. ----------------------------
  10. </div>
  11. {/foreach}
  12. </div>
  13. <div id="filmiki">
  14. <div id="naglowek_bialy">filmiki</div>
  15. {foreach item=film from=$filmiki}
  16. <div id="filmik">
  17. <div id="miniatura_film"><a href="material.php?id={$film.id}"><img src="{$film.link_thumb}" alt="{$film.tytul}"></a></div>
  18. <div id="tytul_film"><a href="material.php?id={$film.id}" alt="{$film.tytul}">{$film.tytul|truncate:21:"...":false|stripslashes}</a></div>
  19. </div>
  20. {/foreach}
  21. </div>
  22. <div id="foto">
  23. <div id="naglowek_czarny">foto</div>
  24. {foreach item=fot from=$foto}
  25. <div id="fot">
  26. <div id="miniatura_fot"><a href="material.php?id={$fot.id}"><img src="images/miniatury/{$fot.id_obraz}-m.jpg" alt="{$fot.tytul}"></a></div>
  27. <div id="tytul_fot"><a href="material.php?id={$fot.id}" alt="{$fot.tytul}">{$fot.tytul|truncate:21:"...":false|stripslashes}</a></div>
  28. </div>
  29. {/foreach}
  30. </div>
  31. </div>
  32.  
  33. <div id="right">
  34. {foreach item=wazny from=$wazne}
  35. {if $wazny.wazny == 1}
  36. <div id="wazny">
  37. <div id="wazny_tekst">artykuł szczególnie godny uwagi ~ artykuł szczególnie godny uwagi</div>
  38. <div id="tytul_wazny"><a href="material.php?id={$wazny.id}">{$wazny.tytul|truncate:50:"...":false|stripslashes}</a></div>
  39. <div id="info_wazny">Opublikowane przez {$wazny.autor} o {$wazny.data|date_format:"%H:%M:%S %e/%m/%Y"}</div>
  40. <div id="tresc_wazny">{$wazny.tresc|truncate:770:"...":false|stripslashes|indent:4:"&nbsp;"}</div>
  41. <div id="czytaj_wazny"><a href="material.php?id={$wazny.id}">Czytaj dalej</a></div>
  42. </div>
  43. {/if}
  44. {/foreach}
  45. </div>



a oto css:

  1. div#right {
  2. float: left;
  3. background: white;
  4. width: 456px;
  5. padding-left: 20px;
  6. padding-right: 20px;
  7.  
  8. }
  9.  
  10. div#artykuly {
  11. width: 140px;
  12. color:black;
  13. font-size:12px;
  14. text-align:center;
  15. float:left;
  16. padding-left: 10px;
  17. }
  18.  
  19.  
  20. div#artykul {
  21. padding-top: 10px;
  22. }
  23.  
  24. div#filmiki {
  25. float:left;
  26. width: 150px;
  27. color:black;
  28. font-size:12px;
  29. padding-left: 10px;
  30. text-align: center;
  31. }
  32.  
  33. div#filmik {
  34. padding-top: 10px;
  35. }
  36.  
  37. div#foto {
  38. float:left;
  39. width: 150px;
  40. color:black;
  41. font-size:12px;
  42. padding-left: 10px;
  43. text-align: center;
  44. }
  45.  
  46. div#fot {
  47. padding-top: 12px;
  48. }
  49.  
  50.  
  51. div#wazny {
  52. border: 3px solid black;
  53. font-size: 14px;
  54. margin-bottom: 20px;
  55. }
  56.  
  57.  
  58.  



Proszę o ewentualną pomoc. Z góry dziękuję
Damonsson
Zmartwię Cię, pod Operą też jest źle.
Rymar
Pod chrome też nie, ale z tego co poprawiłem w 'firebugu' od chrome'a to nie domykałeś </div> od left i filmiki, także popraw w dwóch miejscach i nie będzie się krzaczyć. FF i Safari chyba same poprawiają błędy

edit, takie coś się pojawia w kodzie
  1. &nbsp;&nbsp;&nbsp;&nbsp;
  2. &nbsp;&nbsp;&nbsp;&nbsp;<br><img...</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.