Splitting a page into two

How do you perfectly allocate a page into two sides like this:


| | |
| | |
| | |
| | |
| | |

so that no matter how you resize the browser, each side will always have
50% of their share.

I would like each side to have a different div id for ajax processing,
as I will update one div sometimes and the other div some other time.

Thank you