<div> - tag interpretierung im firefox

**Sebi2020** · 08.09.2007, 14:50

Hallo ich hab mal eine frage:
Ist es nicht möglich mehrere div tags zu verschachteln, oder könnte es sein das ich was falsch gemacht habe, oder kann der mozilla firefox keine verschachtelten tags lesen.
Ich frage weil er mir das Formular nicht innerhalb des div block anzeigt. sondern über den nächsten block legt. ??? Könnt ihr mir helfen?

Code:

<html>
<head>
<link rel="stylesheet" href="CSS/standard.css" type="text/css">
</head>
<body>
<div class="menu">
<a class="menu" href="index.php">Home</a>
<a class="menu" href="login.php">Anmelden</a>
<a class="menu" href="Tools.php">Tools</a>
</div>
<div class="body">
<h1 class="header">Anmelden</h1>
<div style="float:left;">
<table>
<form>
<tr>
<td>Name</td><td>Passwort</td>
</tr>
<td><input type="text/css" name="User"></td><td><input type="password" name="pass"></td>
<tr>
<td><input type="submit" name="Send" value="Anmelden"></td>
</tr>
</form>
</table>
</div>
<div style="margin-left:10px;float:left;">
Noch nicht Registriert?<br>
Hier kostenlos Anmelden!
</div>
</div>
</body>
</html>

**EXELBONSAI** · 09.09.2007, 13:28

ch frage weil er mir das Formular nicht innerhalb des div block anzeigt. sondern über den nächsten block legt. ??? Könnt ihr mir helfen?

verstehe die Frage nicht...
Mach mal ein Screenshot so wie du es siehst und so wie du es im Editor siehst...

**WarrenFaith** · 11.09.2007, 15:20

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" href="CSS/standard.css" type="text/css" />
<title>Titel</title>
</head>
<body>
  <div class="menu">
    <a class="menu" href="index.php">Home</a>
    <a class="menu" href="login.php">Anmelden</a>
    <a class="menu" href="Tools.php">Tools</a>
  </div>
  <div class="body">
    <h1 class="header">Anmelden</h1>
    <div style="float:left;">
      <form action="post">
        <table>
          <tr>
            <td>Name</td><td>Passwort</td>
          </tr><tr>
            <td><input type="text" name="User"/></td>
            <td><input type="password" name="pass"/></td>
          </tr><tr>
            <td colspan="2"><input type="submit" name="Send" value="Anmelden"/></td>
          </tr>
        </table>
      </form>
    </div>
    <div style="margin-left:10px;float:left;">
    Noch nicht Registriert?<br/>
    Hier kostenlos Anmelden!
    </div>
  </div>
</body>
</html>

So dieser Code hat vor Fehlern nur so gestrotzt, jetzt ist er valide. Schau dir unbedingt an was ein Doctype ist, was Validität heisst (Tipp: http://validator.w3.org/ )

Sollte es bei dir noch immer so sein, dass die Tabelle aus dem div rausragt, dann liegt das eindeutig an dem float:left;
nach float sollte man auch mal ein clear einbauen.
Tipps: www.css4you.de oder www.developers-guide.net.
Da solltest du ziemlich schnell fündig werden damit der nächste Versuch schon besser wird