nicht angemeldet
Hallo!
Ich habe folgendes Problem:
ich will mit Hilfe von <table bgcolor="#EEEEEE"><tr><td>text</td></tr></table> den gesamten Inhalt der Tabelle mit der Hintergrundfarbe hinterlegen. Jedoch ist nur der text-part hinterlegt, die tabelle aber um ein vielfaches größer. Mich würde nun interessieren, woran das liegen könnte.
anbei noch der html code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<link rel="stylesheet" type="text/css" href="design/style.css" media="screen"/>
</head>
<body lang="de">
<table id="all" ><tr><td align="center"><table id="main" rules="all">
<tr><td colspan="3" class="banner">
banner
</td></tr><tr>
<td width="200px"><table id="navi"><tr><td>
navi
</td></tr></table>
<td width="450px"><table id="content"><tr><td>
content
</td></tr></table></td>
<td width="200px"><table id="infobar"><tr><td>
<table class=barTable bgcolor=#EEEEEE><tr><td>
<h1>text</h1> kleiner?
</td></tr></table>
</td></tr></table></td>
</tr></table></td></tr></table>
</body>
</html>
und das stylesheet:
@CHARSET "ISO-8859-1";
body {
}
table {
font-family: sans-serif;
font-size: 12px;
}
#all {
border: 0px;
width: 100%;
}
#main {
width: 850px;
border: 1px solid;
}
.banner {
text-align: center;
height: 80px;
}
.barTable {
width: 100%;
margin: 0px;
}
.barTable h1 {
font-size: 14px;
font-color: #131313;
font-family: Tahoma;
text-decoration: bold;
}