html - Centering tables that are adjacent and left aligned to the size of a dynamic table -


here example - http://jsfiddle.net/xb4gv/

my problem want have 2 tables left centered 3rd table on right increase in size(grid view). them centered. how can this?

not entirely sure on trying accomplish, can give try. going off of said want tables left aligned , centered in middle of page want third table able revisable no size restrictions, correct? if work:

html:

<div class="wrapper"> <div class="center"> <table id="t1">     <tr>         <td>             text         </td>     </tr>         </table> <table id="t2">     <tr>         <td>             text         </td>     </tr>        </table> <table id="t3">     <tr>         <td>             text</br>             text</br>             text</br>             resizable , centered         </td>     </tr>        </table> 

css:

.wrapper{ clear: left; float: left; left: 50%; margin: 0; padding: 0; position: relative; text-align: left;  } .center{ float: left; margin: 0; padding: 0; position: relative; right: 50%; } #t1{ border: 1px solid black; float:left; }  #t2{ border: 1px solid black; float:left; }  #t3{ border: 1px solid black; float:left; } 

you can add text of tables cells , re-size , center itself.


Comments

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -