Problem bei Anordnung mit div-Blöcken

html.de-Forum HTML, XHTML & CSS
1

Hallo, ich hab ein Problem was die Anzeige von Seiteninhalten innerhalb von div-Blöcken angeht. In meinem Gästebuch, unter DennisSch.de - Guestbook, werden die Einzellnen Einträge unterhalb des Contens angezeigt.
Hier der Quelltext der Seite:
[HTML]

DennisSch.de - Guestbook 
<body>
  <div class="main">
    <div class="menu">
     <ul id="nav">
      <li>
       <a href="?path=0"><img src="/images/buttons/button_home.png" alt="Home"></a>
      </li>
      <li>
       <a href="?path=1"><img src="/images/buttons/button_guestbook.png" alt="Guestbook"></a>

      </li>
     </ul>
    </div>
    <div class="seitenstreifen"><a href="out.php?id=2" target="_blank">DQI09 - Klassenforum</a><br><br><a href="?path=4">Weitere Partner</a></div><div class="seitenstreifen">In einem solchen Kasten könnte dein Partnerlink stehen!<br />

Aber auch die neuesten News werden hier veröffentlicht. 


        <script type="text/javascript"
        src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
    </div>
    <div class="content">
      <font size=+2><b>Gästebuch</b></font><br>

  <td width="141"><label>
    <input name="name" type="text" size="30" maxlength="30">
  </label></td>
</tr>
<tr>
  <td height="25">eMail:</td>
  <td><input name="mail" type="text" size="30" maxlength="30"></td>
</tr>

<tr>
  <td height="24" valign=top><b>Nachricht:</b></td>
  <td>
   <textarea name="msg" cols="23" rows="3" maxlength="500" onKeyDown="limitText(this.form.msg,this.form.countdown,500);" onKeyUp="limitText(this.form.msg,this.form.countdown,500);"></textarea><br>
   <font size="1">(Maximum characters: 500)<br>
   Es bleiben dir noch <input readonly type="text" name="countdown" size="3" value="500"> Buchstaben.</font>

  </td>
</tr>    
<tr>
  <td height="24">Nachricht als privat markieren?</td>
  <td><input name="privat" type="checkbox" value="prv"></td>
</tr>
<tr><td height="5"></td></tr>
<tr>
  <td><img src="/mycaptcha.php" alt="Das Captcha konnte nicht erstellt werden." /></td>

  <td><input name="test" type="text" size="6"><br>Nur Großbuchstaben, auf O und 0(Null) wurde verzichtet.</td>
</tr>
Name:

Dennis Schürholz
Eingetragen am:
2009-10-29 16:50:29
Hallo liebe Seitenbesucher. Ich hoffe ihr könnt gefallen an meiner kleinen Welt hier finden und hinterlasst mir hier ein paar eurer Eindrücke zu dieser Seite.
© 2009 - Dennis Schürholz - Alle Rechte vorbehalten.
        <a href="?path=2">Impressum</a>
    </div>
  </div>
</body>
[/HTML] Ich kann nun nicht verstehen, wodran das liegt, da die Einträge noch innerhalt des div-Blockes liegen. Ich bitte um Lösungsvorschläge und Denkanstöße.

Erwartungsvoll Dennis Schürholz

2

hmm… in 3 Tagen hatte noch niemand ne Idee? :confused: Man… ich bin am verzeifeln…
Hier nochmal die betreffenden Zeilen aus der CSS-Datei(wobei da ja eig nit das Problem liegen kann)

[CODE].main {
background-color: #9b9b9b;
width: 950px;
margin: auto auto auto auto;
border: solid 3px black;
}

.menu {
height: 70px;
text-align: center;
background-color: #9b9b9b;
margin-right: +1em;
margin-top: +0.5em;
margin-left: +1em;
margin-bottom: +0.5em;
border: solid 3px black;
}

ul#nav {
float:left;
margin:2px 1px;
text-align: center;
vertical-align: middle;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

ul#nav li{
display: inline;
margin-right: 20px;
}

.seitenstreifen {
clear: both;
float: left;
width: 200px;
margin-top: +0.5em;
margin-left: 1em;
margin-bottom: +0.5em;
background-color: #b6b6b6;
text-align: center;
border: solid 4px black;
}

.content {
background-color: #b6b6b6;
text-align: center;
margin-left: 15em;
margin-top: +1em;
margin-right: +1em;
margin-bottom: +0.5em;
border: solid 4px black;
}

.gb_entry {
clear: both;
float: left;
width: 95%;
background-color: #a2a2a2;
text-align: center;
margin-top: +1em;
margin-left: 0.5em;
margin-right: 0.5em;
border: solid 2px grey;
vertical-align: middle;
}

.left {
clear: both;
float: left;
background-color: #a2a2a2;
margin-left: 0.5em;
margin-right: +0.5em;
vertical-align: middle;
}

.right {
float: left;
background-color: #a2a2a2;
margin-left: +0.5em;
margin-right: 0.5em;
vertical-align: middle;
}

.imprint {
clear: both;
background-color: #9b9b9b;
text-align: center;
margin-bottom: +1em;
margin-right: +1em;
margin-top: +1em;
margin-left: +1em;
border: solid 2px black;
}

A:link { text-decoration: none }
A:visited { text-decoration: none }
A:active { text-decoration: none }
A:hover { text-decoration: underline; color: red; }

body {
background-color: grey;
}

li {
list-style-type: none;
}

a img {
border : 0 none;
}[/CODE]

3

hmmm,

ich hab grad mal mit firebug drübergeschaut…

find auch auf anhieb keinen fehler…
Wird hier noch nachträglich mit einem JavaScript gearbeiet? eigentlich net oder? die die aktiv sind, scheinen mir nicht dafür verantwortlich…

Hast du das gästebuch selber geschrieben?

####EDIT####
Wenn ich für den content noch das CSS „height:auto; overflow:auto“ definiere, gehts. schau dirs mal an

4
  1. Keine weiteren Javascripts… und dass GoogleAdSense sowas verursacht unwahrscheinlich… und der Countdown erst recht, da hast du recht.
  2. Ja, das Gästebuchscript hab ich selbst geschrieben… (war mein erstes PHP, aus einem Registrierungsscript entstanden xD)
  3. Danke, ich hab die beiden neuen Attribute hinzugefügt und es funktioniert super! Ich hatte vorher schonmal height auf auto gestellt, aber an den overflow hatte ich nicht gedacht, DANKE!