Fabers: Elemente nebeneinander ausrichten mit css

Beitrag lesen

Hallo zusammen,
ich möchte eine seite bauen und bekomm es irgendwie nicht auf die reihe die elemente "contentfenster" und "login" nebeneinander auszurichten.
kann mir jemand enen tip geben?

Über hilfe wäre ich sehr dankbar!!!
beste grüße
der fabers

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
 background-image: url(../lyout_eins.jpg);
 background-repeat:no-repeat;
}

div#seite {
text-align:left;
margin:0 auto;

}

a:link {
 text-decoration: none;
 color: #FFFFFF;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: none;
 color: #333333;
}
a:active {
 text-decoration: none;
}

.navi { font-family:Arial, Helvetica, sans-serif;
  margin-left:190px;
  margin-top:65px;
  color:#FFFFFF;
}

.login {color:#000000;
  font-size:12px;
}

.register {color:#FF3333;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
}

div#contentfenster { margin-left:171px;

}
-->
</style></head>

<body>

<div class="navi">

<table width="400" border="0" cellspacing="2" cellpadding="0">
  <tr>
    <td><a href="forum.html" target="_blank">Forum</a></td>
    <td><a href="kontakt.html">Kontakt</a></td>
    <td><a href="faq.html">FAQs</a></td>
  </tr>
</table>
</div>

<div id="seite">
<div id="login">
<table width="120" border="0" cellspacing="3" cellpadding="1">
    <tr>
      <td width="120">Username:</td>
    </tr>
    <tr>
      <td><form name="form1" method="post" action="">
        <input name="textfield" type="text" size="15">
      </form></td>
    </tr>
    <tr>
      <td>Passwort:</td>
    </tr>
    <tr>
      <td><form name="form2" method="post" action="">
        <input name="textfield2" type="password" size="15">
      </form></td>
    </tr>
 <div class="register">
    <tr>
      <td class="register">jetzt registrieren...</td>
    </tr>
 </div>
  </table>
</div>

<div id="contentfenster">
<iframe width="666" height="593" name="inhaltsfenster">
  <p>hier soll dann mal der content hin</p>
</iframe>
</div>
</div>

</body>
</html>