Hi,
I don't have this on a public server anywhere, so I'm just going to
paste a very much simplified version code here:
Stylesheet:
body {
background-color: #FFFFEF;
margin: 0%;
padding: 0;
height: 100%;
}
body, div, p, blockquote, ol, ul, dl, li, dt, dd, th, td {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: xx-small;
}
#extra {
position: relative;
width: 200px;
padding: 0px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px dashed #6B1894;
}
#extra th {
padding: 5px;
text-align: center;
background: #6B1895;
color: #FFFFFF;
font-weight: normal;
font-size: 90%;
}
#extra td {
padding: 5px;
font-size: 90%;
}
HTML Page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<link href="styles2.css" rel="stylesheet" type="text/css">
</head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
</head>
<body>
<p>This is a bunch of meaningless text.</p>
<div id="extra">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>Title Text</th>
</tr>
<tr>
<td>This is some more text.</td>
</tr>
</table>
</div>
</body>
</html>
I made the text size very small, so you can tell the difference
easily. If I delete the font-size: 90% in the extra tags, the
font-size for those tags is the same as the body - xx-small, so it
looks like it's inheriting that value. Shouldn't 90% of xx-small be
super small? The text in the extra div is bigger than the text in the
body if I leave the font-size: 90% in there. I can't figure out what
the heck is going on here. Anyone have any suggestions?
Thanks!
Holli
