Problem z div'ami [3x2], Po trzy DIVy w dwóch wierszach Opcje

[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:

[HTML] pobierz, plaintext 
<div id="etapy">
<div id="etapy_left"></div>
<div id="etapy_right"></div>
<div id="etapy_center"></div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#etapy {
width: 950px;
}
 
#etapy_left {
width:290px;
float:left;
padding-bottom:10px;
text-align: justify;
margin-right: 40px 
}
 
#etapy_center {
width:290px;
float:left;
padding-bottom:10px;
text-align: justify;
 
}
 
#etapy_right {
width:290px;
float:right;
padding-bottom:10px;
text-align: justify;
}
[CSS] pobierz, plaintext 

Czy ktoś ma jakiś pomysł i miałby ochotę się nim podzielić?

[Damonsson]

Spróbuj tak:

[CSS] pobierz, plaintext 
#etapy {
width: 950px;
}
 
#etapy_left {
width:290px;
float:left;
padding-bottom:10px;
text-align: justify;
clear: both;
}
 
#etapy_center {
margin-left: 40px;
width:290px;
float:left;
padding-bottom:10px;
text-align: justify;
}
 
#etapy_right {
width:290px;
padding-bottom:10px;
text-align: justify;
float: right;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="etapy">
<div id="etapy_left"></div>   <!--  1 wiersz -->
<div id="etapy_center"></div>  <!--  1 wiersz -->
<div id="etapy_right"></div> <!--  1 wiersz -->
<div id="etapy_left"></div>   <!--  2 wiersz -->
<div id="etapy_center"></div>  <!--  2 wiersz -->
<div id="etapy_right"></div> <!--  2 wiersz i tak dalej do XX wierszy-->
</div>
[HTML] pobierz, plaintext 

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ą.

Ten post edytował Damonsson 29.09.2010, 15:13:19

[Woonski]

Bingo! Dzięki wielkie, wszystko wygląda ok.