The Website consists of 5 pages and there is a table that should be the exact same on every page. For some reason on one page the table changes hiscolor width etc but not his height, even though its the same class as the others. Code of the page:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lernziele</title>
<link rel="stylesheet" href="Style_Menu.css">
</head>
<body>
<table class="Navigator">
<tr>
<th><a href="MainMenu.html">Start</a></th>
<th><a href="hausaufgaben.html">Hausaufgaben</a></th>
<th><a href="Kalender.html">Kalender</a></th>
<th><a href="Lernziele.html">Lernziele</a></th>
<th><a href="Planner.html">Planner</a></th>
</tr>
</body>
</html>
.Navigator {
width: 100%;
background-color: seagreen;
height: 7%;
}