Forum Moderators: not2easy
<body>
<table width="100%" border="0">
<tr>
<td><table width="80%" border="1" align="center">
<tr>
<td width="17%"><p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td width="60%"> </td>
<td width="23%" colspan="2"> </td>
</tr>
<tr>
<td height="21" colspan="4"> </td>
</tr>
</table>
<table width="80%" border="1" align="center">
<tr>
<td width="17%"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td width="83%"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table>
<table width="80%" border="1" align="center">
<tr>
<td> </td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table>
</body>
</html>
CSS does not have a magic code that will detect resolution and display divs, fonts columns, sized accordingly. I think you would need to incorporate some sort of styleswitcher using Javascript - but note you can use styleswitchers on a table too
one suggestion might be best to design to a fixed width (pixels rather than percentages) that you and your boss are comfortable with, and then center the whole design if you want uniformity. If you do make that choice you can do it with a table too, there is no magic solution via CSS alone, at least from what I understand of your question
-Suzy
I think what you have there in your code right now is a "stretchy", or 100% width type of page design, which increases to fill the complete length of the browser. Considering that you're using tables, this may not look very good at larger screen displays.
Is that all you want, and just want more specifics, or what?
When it comes to screen size, that combined with resolution can be "detected" using the computer's DPI setting, which is oftentimes wrong. Points, Picas, centimeters, inches, etc. are units which are supposed to be the same as in real life... fixed PHYSICAL sizes. This is what you want to use if you actually want elements and/or text to be a size that can be measured with a real measuring stick, and stay constant. This is pretty impractical though, since not a whole lot of computers have their proper DPI set relative to their actual monitor size and resolution.
Lastly, realize that tables for layout is a non-semantic usage, meaning that you shouldn't really be using them for that situation. Not only is it not very flexible, but it's a lot of work to deal with when you have tables for layout. It's also oftentimes more markup and clutter. Tables should be used for tabular data. Things like floated divs should be used for designing site presentation.
