Div Box spinnt

niemand44 · 08.11.2009

hallo Leute,

hab mal wieder ein Problem

und zwar hab meine page mit tabel erstellt wo ich die jewahligen bilder reingeladen habe.
für das content menü hab ich eine div box erstellt dort steht der PHP Quelltext für das gästebuch,Forum ect
hat auch alles super funktoniert
aber sobald ich einenGästebuch eintrag bekomme tebricht das layout!
warum??

cebito · 08.11.2009

AW: Div Box spinnt

Jetzt holen wir wieder alle die Glaskugeln raus...

Gib deinem Div ne feste Größe und overflow:auto, dann kommt ne Scrollbar sobald der content größer wird. Mehr kann man hier nicht sagen, niemand[44] :lol: weiß wie dein Design aussieht und aufgebaut ist.

Klick mal meine Signatur und lies...

niemand44 · 08.11.2009

AW: Div Box spinnt

hab ja mein div ne feste größe gegeben und ne scroll bank!!!!
aber sobald ich halt ein GB eintarg bekomme verschiebt es sich nach rechts. .

na mein design besteht hat nur aus bilder
siehe hier:

und da wo das buch ist soll halt mein countent menü sein
und das hab ich ahlt in div gepackt und das bild als hintergrund!

cebito · 08.11.2009

AW: Div Box spinnt

Wie oben schon angemerkt, klick mal meine Signatur und lies! Hier fehlt noch einiges um deine Frage beantworten zu können.

Und... beim nächsten mal bitte das Bild nicht so groß hier rein :rolleyes:

niemand44 · 08.11.2009

das mit dem bild tut mir leid war keine absicht. .

das hier ist der quellcode:

HTML:

<!-- Head & Title include -->
<title><? echo PAGETITLE; ?></title>

<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
<link href="_stylesheet.css" rel="stylesheet" type="text/css">
</head>

body {
    top: 0px;
    right: 0px;
    margin-right: 0px;
    margin: 0;
    margin-top: 0px;
}
table {
    top: 0px;
    right: 0px;
}
div {
    height: 485px;
    width: 693px;
    background-image: url(
    align:center;
    overflow: auto;
    text-align: center;
}

<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 bgcolor="#000000 ">
<table width="1280" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="1280"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_01.jpg" width="1280" height="192" /></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="234"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_02.jpg" width="234" height="35" /></td>
            <td width="108"><a href="index.php?site=news"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_03.jpg" width="108" height="35"border=0 /></a></td>
            <td width="131"><a href="index.php?site=guestbook"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_04.jpg" width="131" height="35"border=0 /></a></td>
            <td width="113"><a href="index.php?site=gallery"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_05.jpg" width="113" height="35"border=0 /></a></td>
            <td width="179"><a href="index.php?site=files"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_06.jpg" width="179" height="35"border=0 /></a></td>
            <td width="115"><a href="index.php?site=forum"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_07.jpg" width="115" height="35" border=0></a></td>
            <td width="165"><a href="index.php?site=contact"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_08.jpg" width="165" height="35"border=0 /></a></td>
            <td width="235"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_09.jpg" width="235" height="35" /></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="1280"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_10.jpg" width="1280" height="52" /></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="290"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_11.jpg" width="290" height="485" /></td>
            <td width="693"><div>
              <?
      if(!isset($site)) $site="news";
      //Sichheitsl&uuml;cke beheben
      $invalide = array('/','/\/',':','.');
      $site = str_replace($invalide,' ',$site);
      if(!file_exists($site.".php")) $site = "news";
      include($site.".php");
      ?>
            </div></td>
            <td width="297"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_13.jpg" width="297" height="485" /></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="253"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_14.jpg" width="253" height="19" /></td>
            <td width="780"><a href="index.php?site=agb"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_15.jpg" width="780" height="19"border=0 /></a></td>
            <td width="247"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_16.jpg" width="247" height="19" /></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td width="1280"><img src="ftp://web970@alfa3028.alfahosting-server.de/html/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_17.jpg" width="1280" height="241" /></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

hab mal alles online gestellt
dann könnt ihr euch das mal angucken. .
sobald ihr auf G-Book geht zerbricht das layout

cebito · 08.11.2009

AW: Div Box spinnt

Dein css kann schon mal überhaupt nicht funktionieren, dafür musst es nämlich erstmal "einpacken":

Code:

<style type="text/css">
/* und jetzt die Styles */
</style>

Und dann solltest du den head auch erst danach schließen...

Edit: deinen Link hab ich erstmal rausgenommen, kannst du doch niemandem zumuten zig mal (für jedes Bild) nach nem Passwort gefragt zu werden, das eh keiner weiß:

niemand44 · 08.11.2009

das hab ich ja. .
hab es nur kurz eigefügt damit ihr _stylesheet sehen könnt

stimmt das mit den bilder^^

weis noch garnicht wie ichd as mit dem pw mache

aber krieg ich noch hin
ist nehmlich meine erste page!!

aber trotzdem danke ich fumel noch ein bsichen rum!!

Edit von cebito: hier dein Link, dafür musst du nicht gleich ein neues Thema aufmachen...

cebito · 08.11.2009

AW: Div Box spinnt

Da fehlte ja noch ziemlich viel am Ende, ab der Form war nix mehr geschlossen und in der entsprechenden Tabellenzeile fehlte die letzte Zelle. Kommt übrigens davon, wenn man so viele Tabellen ineinander verschachtelt und den code dabei nicht übersichtlich gestaltet. Das passende Bild dazu zu finden war ja nicht schwer, sind ja durchnummeriert

So, jetzt mal vollständig:

HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Clanpage using webSPELL 4 CMS">
<meta name="author" content="webspell.org">
<meta name="keywords" content="webspell, webspell4, clan, cms">
<meta name="copyright" content="Copyright © 2005 by webspell.org" />
<meta name="generator" content="webSPELL" />

<!-- Head & Title include -->
<title>Active Recordz</title>

<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
<link href="_stylesheet.css" rel="stylesheet" type="text/css">

</head>


<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 bgcolor="#000000 ">
<table width="1280" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="1280"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_01.jpg" width="1280" height="192" /></td>
      </tr>
      <tr>

        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="234"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_02.jpg" width="234" height="35" /></td>
            <td width="108"><a href="index.php?site=news"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_03.jpg" width="108" height="35"border=0 /></a></td>
            <td width="131"><a href="index.php?site=guestbook"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_04.jpg" width="131" height="35"border=0 /></a></td>
            <td width="113"><a href="index.php?site=gallery"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_05.jpg" width="113" height="35"border=0 /></a></td>
            <td width="179"><a href="index.php?site=files"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_06.jpg" width="179" height="35"border=0 /></a></td>
            <td width="115"><a href="index.php?site=forum"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_07.jpg" width="115" height="35" border=0></a></td>
            <td width="165"><a href="index.php?site=contact"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_08.jpg" width="165" height="35"border=0 /></a></td>

            <td width="235"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_09.jpg" width="235" height="35" /></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="1280"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_10.jpg" width="1280" height="52" /></td>
          </tr>

        </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="290"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_11.jpg" width="290" height="485" /></td>
            <td width="693"><div>
              <h2>G&auml;stebuch</h2>

<table width="100%" cellspacing="0" cellpadding="0" border="1">
          <tr>
            <td><a href="index.php?site=guestbook&page=1&type=ASC">Sortierung:</a> <img src="http://www.psd-tutorials.de/modules/Forum/images/icons/desc.gif" width="9" height="7" border="0">&nbsp;&nbsp;&nbsp; </td>
            <td align="right"><form method="post" name="form" action="index.php?site=guestbook&delete=true"><input type="button" onClick="MM_goToURL('parent','#addcomment');return document.MM_returnValue" value="Eintrag hinzuf&uuml;gen"></form></td>
          </tr>
        </table>
        </div></td><td width="297"><img src="http://fairtrans-digital.de/webSPELL4.01.06de/images/AR%20page%20Bilder/ARpage2_13.jpg" width="297" height="485" /></td></tr></table></td></tr></table></td></tr></table></body></html>

Der letzte Teil ab der Form ist für dich interessant... Den Rest für den "footer" musst du selbst einfügen.