html table issue when zooming into web browser

so Im going to rephrase my question. Basically whenever I zoom into the web browser my table starts 开发者_StackOverflow中文版to either move down or the text on one table gets pushed ontop of the other table so they overlap. How can I have it so that the positioning of each text/images etc. all stay in the same position as I zoom into the web browser ?

Can you elaborate your question by giving a link to the page.

As much I can get from here is that you can use liquid dimensions that is defining width and height in percent in css.

Give percentage width. may be it's works

Try changing the code like this:
< table width="50%" align="left" border="0" > < table width="50%" align="right" border="0">