• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem bei Anordnung mit div-Blöcken

D

D3nnis

Neues Mitglied
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: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <meta name="google-site-verification" content="0p29C7GTR9X-zGjnHHhSkiCZJEVHVcTJyuZjSz5xc88" />
        <title>DennisSch.de - Guestbook</title>        <link rel="stylesheet" href="/design/basic.css">
        <script language="javascript" type="text/javascript">
        function limitText(limitField, limitCount, limitNum) {
            if (limitField.value.length > limitNum) {
                limitField.value = limitField.value.substring(0, limitNum);
            } else {
                limitCount.value = limitNum - limitField.value.length;
            }
        }
        </script>
    </head>

    <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.</div>        <div class="seitenstreifen">
            <script type="text/javascript"><!--
            google_ad_client = "pub-7681853556403536";
            /* DennisSch.de 1 */
            google_ad_slot = "0773921892";
            google_ad_width = 180;
            google_ad_height = 150;
            //-->
            </script>

            <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>
<form action="?path=1" method="POST">
  <table width="700" border="0" align="center">
    <tr>
      <td width="107" height="20"><b>Name:</b></td>

      <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>
  </table>
    <input name="submit" type="submit" value="Abschicken">
</form>
<br><div class="gb_entry" valign="middle"><div class="left" valign="middle"><b><a href=mailto:[email protected]>Dennis Schürholz</a></b><br>Eingetragen am:<br>2009-10-29 16:50:29</div>
                <div class="right" valign="middle">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.</div></div>        </div>
        <div class="imprint">
            &copy; 2009 - Dennis Schürholz - Alle Rechte vorbehalten.<br>

            <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
 
hmm.. in 3 Tagen hatte noch niemand ne Idee? :/ 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;
}
 
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
 
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!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben