Das Problem ist folgendes :
Da ich im Informatik unterricht ein wenig mit dem HTML-Seminar "vorgearbeitet" habe, wurde ich doch gleich gefragt, ob ich nicht mal eine Homepage für den Kurs erstellen könnte.
Die Startseite ist soweit in Ordnung, jedoch habe ich ein Problem mit einer Tabelle auf einer nachfolgenden Seite.
Der Quelltext ist der folgende :
<html>
<head>
<style type="text/css">
<!--
body {
font-family:arial;
}
#seite {
text-align:left;
margin: 0 auto; /
width: 780px;
background-color:black;
}
#kz {
background-color:black;
border-bottom:2px solid white;
color:white;
font-size:56;
}
#fz {
clear: both;
background-color:black;
border-top:2px solid white;
color:white;
font-size:15;
}
#navi {
float:left;
width:13em;
background-color:black;
color:white;
height:80%;
border-right:3px solid white;
font-size:20;
}
#inhalt {
margin-left: 14em;
background-color:black;
color:white;
height:80%;
font-size:20;
}
a { color:white;
font-decoration:underlined;
}
th { color:red;
}
-->
</style>
</head>
<body>
<div id="seite">
<div id="kz">
Informatikkurs 8 'Ro
</div>
<div id="navi">
<ul>
<li style="font-size:30;color:red;">Was man hier so findet!</li>
<ul style="font-weight:bolder;">
<li>Startseite</li>
<li>Unser Kurs</li>
<li>Wer macht mit?</li>
<li>Shoutbox!</li>
</ul>
<li style="font-size:30;color:red;">Seiten die jeder kennen Sollte!</li>
<ul>
<li><a href="http://www.schuelervz.net/">SVZ</a></li>
<li><a href="http://www.youtube.com/">Youtube</a></li>
<li><a href="http://www.html-seminar.de/">Html-Seminar</a></li>
</ul>
</div>
<div id="inhalt">
<p>Hier seht ihr, wer in welcher Klasse ist.<br />Guckt euch doch gleich den Quelltext zur Tabelle an.</p>
<table border=1px solid white style="color:white;font-size:20;text-align:center;">
<tr>
<th></th>
<th>8a</th>
<th>8b</th>
<th>8c</th>
</tr>
<tr>
<td></td>
<td>Patrick</td><td>Marvin</td><td>Sebastian</td>
<tr>
<td></td>
<td>Sebastian</td><td>Mario</td><td>Rebecca</td>
</tr>
<tr>
<td></td>
<td>Jonathan</td><td>Lennart</td><td>Tom</td>
</tr>
<tr>
<td></td>
<td>Simon</td><td>Alper</td><td>Max</td>
</tr>
<tr>
<td></td>
<td>Dennis</td><td>Marc</td><td>Steffanie</td>
</tr>
<tr>
<td></td>
<td>Dennis</td><td>Patrick</td><td>Dominik</td>
</tr>
<tr>
<td></td>
<td>Jonas</td><td>Jonas</td><td>Thomas</td>
</tr>
<tr>
<td></td>
<td>Larissa</td><td>Mariell</td><td>Nick</td>
</tr>
<tr>
<td></td>
<td>Merlin</td><td>Hannah</td><td></td>
</tr>
<tr>
<td></td>
<td>Tobias</td><td>Timo</td><td></td>
</tr>
<tfoot>
<tr>
<td></td>
<td>Paul</td><td></td><td></td>
</tr>
</tfoot>
</tr>
</div>
<div id="fz">
© Nick Nolte 2009
</div>
</div>
Hierbei rutscht die Tabelle unter die Fußzeile (hier "fz").
Deshalb meine Frage : Wie kann ich das verhindern bzw. wo liegt mein Fehler ?
ps. habe bereits geguckt, ob die tags auch alle einen endtag haben etc. da sollte meines wissens nach kein fehler sein.
ps2. habe mit html erst seit etwa 3 wochen zu tun (in der schule nur eine woche (wie gesagt: "vorbegarbeitet^^")
hoffe auf eine schnelle antwort.
gruß : nick/nekogami
