[CSS] Złożona tabela oparta na CSS Opcje

[oomaster]

Witam,

Wpadłem na fajny pomysł a zarazem głupi pod względem budowy. Chcę zbudować tabelę jak na poniższej fotce.

(IMG:http://img408.imageshack.us/img408/6747/beznazwy2.gif)


Próbowałem coś wymodzić, byłem pewien ,że coś wyjdzie z tego ale kicha...

[HTML] pobierz, plaintext 
<div id="top_mm">
<div id="top_mm_a">1</div>
<div id="top_mm_b">2</div>
<div id="top_mm_c">3</div>
<div id="top_mm_d">4</div>
<div id="top_mm_e">5</div>
<div id="top_mm_f">6</div></div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#top_mm {width:950px;}
#top_mm_a {width:950px;}
#top_mm_b{width: 220px; float: left; overflow: hidden;}
#top_mm_c{width: 730px; float: left; overflow: hidden;}
#top_mm_d {width: 330px; float: left; overflow: hidden;}
#top_mm_e {width: 400px; float: left; overflow: hidden;}
#top_mm_f {clear: both; width: 100%;}
[HTML] pobierz, plaintext 

Czy ktoś może pomóc mi rozwiązać ten problem ?

[athei]

Można i tak:

[HTML] pobierz, plaintext 
#top_mm_a {width:950px; background-color:#0F0;}
#top_mm_b{width: 220px; float: left; overflow: hidden; background-color:#CF0;}
#top_mm_c{width: 730px; float: left; overflow: hidden; background-color:#F00;}
#top_mm_d {width: 330px; float: left; overflow: hidden; background-color:#CCC; }
#top_mm_e {width: 400px; float: left; overflow: hidden; background-color:#FC9;}
#top_mm_f {clear: both; width: 950px; background-color:#36F;}
#pom {float:left; width:730px}
 
<div id="top_mm_a">1</div>
<div id="top_mm_b">2</div>
<div id="pom">
  <div id="top_mm_c">3</div>
  <div id="top_mm_d">4</div>
  <div id="top_mm_e">5</div>
</div>
<div id="top_mm_f">6</div>
[HTML] pobierz, plaintext