ich arbeite geade an einer kleinen Homepage und habe in das Dokument ein Sylesheeet eingebunden. Leider wird es nicht vollständig beachtet. Der Bereich mit div id Nachrichten sollte ganz anders aussehen, als er angezeigt wird.
der Code sieht so aus:
aussehen sieht es aber so:
Was habe ich falsch gemacht?
der Code sieht so aus:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Chat</title>
<style type="text/css" title="text/css">
div#Chat { width: 600px;
vertical-align: middle;
text-align: center; }
div#Nachrichten { border:10px solid red;
text-align: center;
vertical-align: middle;
background-color: #f5deb3; }
div#Menue { text-align: center; }
</style>
</head>
<body text="#000000" bgcolor="#ffffff" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<br>
<div id="Chat"
<div id="Nachrichten"> Hallo
<br>
<br> </div>
<div id="Menue">
<form action="chat.php" method="post">
<input type="text" size="40" maxlength="50"
name="text">
<input type="submit" value="Senden">
</form>
</div>
</div>
</body>
</html>
aussehen sieht es aber so:

Was habe ich falsch gemacht?