dein Code ist nicht valide (height- und width-Attribute erwarten einen Zahlenwert ohne Maßeinheit, das table-Element kenn kein height-Attribut), die eine Fehlerkorrektur tut was du willst, die andere nicht.
Hab ich alles schon versucht. Angaben ohne "px" und alles über css formatiert, es funktioniert trotzdem nicht.
Hier der Code mit css Formatierung:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Testprojekt</title>
<style type="text/css">
body{
background-color: #3c7dcd;
}
table{
width:500px;
height:500px;
border-collapse:collapse;
}
.content{
background-color:#fff;
padding:10px;
}
.borderHorizontal{
height:10px;
background-color:red;
}
.borderVertical{
width:10px;
background-color:green;
}
</style>
</head>
<body>
<h1>Testprojekt</h1>
<table>
<tr>
<td rowspan="3" class="borderVertical"></td>
<td class="borderHorizontal"></td>
<td rowspan="3"class="borderVertical"></td>
</tr>
<tr>
<td class="content">content</td>
</tr>
<tr>
<td class="borderHorizontal"></td>
</tr>
</table>
</body>
</html>
Es funktioniert trotzdem nicht.