I suggest also incorperating Javascript with your CSS as is shown in the following documents:
http://www.geocities.com/worldwidewangout/dajava.js
http://www.geocities.com/worldwidewangout/1024.css
I suggest just using Javascript's screen.width element, as shown above, to call different CSS documents to format the text differently based on screen width. Common screen widths that come to mind right now are 600, 800, 832(For Mac Users), 1024, 1200, and 1600. Just create a separate CSS document for each size and have the Javascript call it. Put the Javascript in a .js file called from each page so that you can use it on multiple pages, but remember that you need differing amounts of ../ depending on where in the file structure you call the javascript from. To that end you will also need one Javascript for every file level you have, but all can be stored and referrenced on the first file level.
Here is the code to reference the javascript
:
<script src="dajava.js"></script>
For about all of the information you will need on CSS go to
www.htmlgoodies.com/tutors/master.html
Another useful code:
This code will auto-maximize the window of the user and is pretty backwards compatible:
<script>
window.moveTo(0,0);
var widt=screen.width;
var heig=screen.height - 28;
window.resizeTo(widt,heig);
</script>
CSS will take care of most of your formatting for you. The other way to do this is to simply make one website for every screen width you want to be compatible with, but that is a pain and, well, a pain. You can also use the screen.width element to resize pictures.