Is this for a real (data-holding) table or simply a table for layout purposes? If the latter, then you should instead use Customizr’s underlying twitter bootstrap, which provides a well-defined invisible grid on the page just waiting to be used.
If you look on here for example, I have 3 sections with pictures on the page and each picture section is divided into a row of 3 blocks:
picture – text – picture
text – picture – picture
picture – picture – text
Each of my rows of pictures/text are defined in 3 blocks of text/pictures as follows:
<!-- **************NEW ROW OF CONTENT************** -->
<div class="row-fluid">
<div class="span4">
....picture inserted with the add media button
</div>
<div class="span4">
<p>...text...</p>
</div>
<div class="span4">
....picture inserted with the add media button
</div>
</div>
<!-- **************END OF ROW OF CONTENT************** -->
…with the blocks in various different orders.
You can also use just 2 blocks of span3 + 1 block of span9 (=12). Or 4 blocks of span3 + span3 + span3 + span3 (=12) etc. Just make sure that whatever you put inside the <div class=”row-fluid”></div> has divs with spans that add up to 12. (E.g at the bottom of the page I link to above, I have 6 x span2 = 12.)
If you’re not using the full-with layout, the numbers may need to change. I’m not sure; you need to experiment.
Good luck!
