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
Post a Comment