Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z div'ami [3x2]
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Woonski
Witam wszystkich forumowiczów.

Od wczoraj borykam się z jednym problemem. Otóż, chcę umieścić na stronie DIVy w dwóch wierszach po trzy. Dzięki forum, udało mi się ułożyć 3 DIVy obok siebie, ale coś nie bardzo wychodzi, gdy dokładam kolejny wiersz.

To co zrobiłem wygląda tak:

  1. <div id="etapy">
  2. <div id="etapy_left"></div>
  3. <div id="etapy_right"></div>
  4. <div id="etapy_center"></div>
  5. </div>

  1. #etapy {
  2. width: 950px;
  3. }
  4.  
  5. #etapy_left {
  6. width:290px;
  7. float:left;
  8. padding-bottom:10px;
  9. text-align: justify;
  10. margin-right: 40px
  11. }
  12.  
  13. #etapy_center {
  14. width:290px;
  15. float:left;
  16. padding-bottom:10px;
  17. text-align: justify;
  18.  
  19. }
  20.  
  21. #etapy_right {
  22. width:290px;
  23. float:right;
  24. padding-bottom:10px;
  25. text-align: justify;
  26. }


Czy ktoś ma jakiś pomysł i miałby ochotę się nim podzielić?
Damonsson
Spróbuj tak:

  1. #etapy {
  2. width: 950px;
  3. }
  4.  
  5. #etapy_left {
  6. width:290px;
  7. float:left;
  8. padding-bottom:10px;
  9. text-align: justify;
  10. clear: both;
  11. }
  12.  
  13. #etapy_center {
  14. margin-left: 40px;
  15. width:290px;
  16. float:left;
  17. padding-bottom:10px;
  18. text-align: justify;
  19. }
  20.  
  21. #etapy_right {
  22. width:290px;
  23. padding-bottom:10px;
  24. text-align: justify;
  25. float: right;
  26. }


  1. <div id="etapy">
  2. <div id="etapy_left"></div> <!-- 1 wiersz -->
  3. <div id="etapy_center"></div> <!-- 1 wiersz -->
  4. <div id="etapy_right"></div> <!-- 1 wiersz -->
  5. <div id="etapy_left"></div> <!-- 2 wiersz -->
  6. <div id="etapy_center"></div> <!-- 2 wiersz -->
  7. <div id="etapy_right"></div> <!-- 2 wiersz i tak dalej do XX wierszy-->
  8. </div>



Jak chcesz robić tabelkę to czemu nie skorzystasz z table, tr td? Chyba, że chcesz osiągnąć coś innego. Po za tym robienie każdego w osobnym divie też jest głupotą.
Woonski
Bingo! Dzięki wielkie, wszystko wygląda ok.
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.