Tables

[mike1313]

For my main layout I'm using

 

<style type="text/css">
BODY { font-family:sans-serif; font-size:85%; }
A:link { color:steelblue; }
A:visited { color:steelblue; }
A:hover { color:white; text-decoration:none; }
TABLE, TD {font-size:90%;}
</style>

 

So whenever I make a new table on a page it shrinks the text within the table even smaller. How could I go about fixing this?

[SuperBlue]

Everything on the page Inherit the font size from BODY, you are giving the body "font-size:85%", and a table within the body "font-size:90%" of the (now smaller) "font-size:85%"...

 

Dont define the font-size in percentage on the body, instead use px, and EM in the rest of the document.

 

 

As a fix, You could stop using percentages in the tables, and use EM instead.