Why won't my border collapse?

HTML & CSS
1

Well, the title really says it all. Why doesn’t my border collapse?

CSS:


body
{
 background-color:#FFFFFF;
}

td, th
{
 border-collapse:collapse;
 border-color:#FF0000;
 border-width:4px;
 border-style:solid;
 padding:2px;
 font-size:10px;
 color:#009900;
 font-family:"Times New Roman", Serif;
}

td
{
 width:200px;
}

HTML:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <title>Table Test</title>
 <link rel="stylesheet" href="CSS.css" type="text/css"></link>
 </head>
 <body>
 <div id="quickfacts">
			 <table>
				 <tr>
					 <th>Disease Name</th>
					 <td>Fabry Disease</td>
				 </tr>
				 <tr>
					 <th>Protein Affected</th>
					 <td>Galactosidase Alpha (GLA)</td>
				 </tr>
				 <tr>
					 <th>Prognosis</th>
					 <td>Survival until adulthood, but with increased risk of heart, skin, kidney, and eye problems.</td>
				 </tr>
				 <tr>
					 <th>Onset</th>
					 <td>Early Childhood</td>
				 </tr>
				 <tr>
					 <th>Symptoms</th>
					 <td>Pain, cardiovascular, kidney, skin, and eye problems, fatigue, nausea.</td>
				 </tr>
			 </table>
</div><!--quickfacts-->
</body>
</html>

And a link to an image if you really need to see it.

Thanks for the help.
~TehYoyo

2 
td, th
{
 border-collapse:collapse;

try moving that line to the table itself

table {
border-collapse: collapse;
}

1 Like
3

I see typos too the LINK element doesn’t have a closing tag (it’s forbidden) since it is EMPTY.

4

Worked like a charm. Thanks tons.

Yeah. I got that complaint when I validated, but I couldn’t quite figure our whether it was self-closing, normal, or just non-closing.

~TehYoyo