tabelle wird nicht so angezigt wie sie sollte

GolddWu

hi leute,
ich bin gerade dran die V1.3 meiner Homepage zu entwickeln,nur leider habe ich schon bei der Tabelle ein Fehler traurig

ich sitze schon seid 30 Minuten an diesem problem fröhlich

aber ihr kennt euch sicherlich besser mit dem Problem aus als ich und ihr würdet darum auch nicht mehr als 5 Minuten dran sitzen Augenzwinkern

hier mal die codes:

HTML:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="Poké-Elite">
<meta name="description"
content="Poké-Elite" >
<title>Poké-Elite</title>

<link rel="stylesheet" href="styled.css" type="text/css">

</head>
<body background="images/bg.png" text="black" topmargin="10" marginheight="10"  leftmargin="4" marginwidth="4" >

<center>
<table width="980" height="500" border="0" bgcolor="#000088">
<tr><div id="box">
  <td><div id="header">Header</div></td>
  <td><div id="leftnavi">Linke Navi</div></td>
  <td><div id="content">Content</div></td>
  <td><div id="rightnavi">Rechte Navi</div></td>
  <td><div id="footer">footer</div></td>
</div>
</tr>
</table>
</center>
</body>
</html>

CSS:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:

body {
	margin:0 auto;
	padding-top: 50px;
	text-align:center;
}
#box {
	width:980px;
	padding:15px;
	text-align:center;
}
#header {
	width:940px;
	height:120px;
	padding: 10px;
	text-align:left;
	background-color:#89A9B8;
}
#leftnavi {
	float:left;
	width:150px;
	height:300px;
	padding: 10px;
	background-color:#89A9B8;
}
#rightnavi {
	float:left;
	width:150px;
	height:300px;
	padding: 10px;
	background-color:#89A9B8;
}
#content {
	float:left;
	width:600px;
	height:300px;
	margin:10px;
	padding: 0px;
	background-color:#002a4b;
}
#footer {
	width:1000px;
	height:30px;
	padding: 5px;
	text-align:center;
	background-color:#959595;
}

Vielen Dank schonmal für eure Hilfe Augenzwinkern

(naja wenn ihr mir helfen wollt xD)

Liebe Grüße GolddWu

edit by Maniac_81: bitte BBcodes für codeausschitte verwenden!

Maniac_81

und was für ein Problem hast du?

was mir gleich aufs erste auffällt:

code:
1: 2: 3:	<tr><div id="box">

innerhalb einer tabellenzeile darf kein DIV-Element stehen welche tabellenspalten beinhaltet.

ich denke mal das du es so haben möchtest:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:

<center>
<table width="980" height="500" border="0" bgcolor="#000088">
<tr>
	<td><div id="header">Header</div></td>
</tr>
<tr>
  <td>
  	<table>
    	<tr>
        	<td><div id="leftnavi">Linke Navi</div></td>
            <td><div id="content">Content</div></td>
            <td><div id="rightnavi">Rechte Navi</div></td>
        </tr>
    </table>
    </td>
</tr>
<tr>
	<td><div id="footer">footer</div></td>
</tr>
</table>
</center>