[HTML][CSS]Ułożenie div'ów, Blok B z prawej strony bloku A. Blok C pod nimi.I tak w nieśkończoność Opcje

[b_chmura]

Witam
hmm wygląda na to, że czas dał siwe znaki... Nie potrafię sobie poradzić z umiejscowieniem div'ów.
Efekt jak chce osiągnąć w przybliżeniu wygląda następująco:

Kod

+---+---+
| a | b |
+---+---+
| c |
+---+

+---+---+
| a | b |
+---+---+
| c |
+---+

+---+---+
| a | b |
+---+---+
| c |
+---+

(...)

+---+---+
| a | b |
+---+---+
| c |
+---+

Blok B ma przylegać do prawego bloku A zaś blok C ma znajdować się pod nimi. Taki system bloków ma mieć możliwość powtarzania się nieskończenie.

Poniższy kod działa jedynie pod internet explorerem:

Kod

<style>
div { width: 100px; height: 100px; border: #c0c0c0 1px solid;}
div.a { float: left; }
div.c { clear: both; }
</style>

<div id="1" class="a">a</div>
<div id="2" class="b" >b</div>
<div id="3" class="c">c</div>
<br />
<div id="1" class="a">a</div>
<div id="2" class="b" >b</div>
<div id="3" class="c">c</div>
<br />
<div id="1" class="a">a</div>
<div id="2" class="b" >b</div>
<div id="3" class="c">c</div>

Jeśli ktoś na szybko potrafi rozwiązać problem, prosiłbym o odpowiedz. Z góry dziękuje ślicznie.

Ten post edytował b_chmura 15.10.2008, 13:33:06

[MajareQ]

ja bym zrobił to mniej więcej tak:

(ofc na classach jesli ma się powtarzać)

[HTML] pobierz, plaintext 
<div class="box">
   <div class="a"></div>
   <div class="b"></div>
</div>
<div class="c"></div>
[HTML] pobierz, plaintext 

css:

Kod

.box {
height: auto;
width: auto;
min-height: 100px;
min-width: 100px;
}
.a {
height: auto;
width: 100px;
float: left;
}
.b {
height: auto;
width: 100px;
float: left;
padding-left: 100px;
}
.a {
height: auto;
width: auto;
}