Fabers: Elemente nebeneinander ausrichten mit css

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>

  1. Hallo Fabers,

    ich möchte eine seite bauen und bekomm es irgendwie nicht auf die reihe die elemente "contentfenster" und "login" nebeneinander auszurichten.

    Was hast du denn schon versucht?

    Jonathan

  2. hoi,

    1.
    mach deine navigation mit div, da brauchst du keine table.

    2.
    nebeneinader kannst du 2 box machen mit float:left und gebe den boxen auch width, und am ende musst du die divs clean.

    Schau das beispiel mit float an:
    http://de.selfhtml.org/css/layouts/anzeige/2spaltig_links.htm#

    LG,
    Inita