✔ [Tabellen_gerüst]Verschiebung meiner Website?!

Status
Nicht offen für weitere Antworten.
P

phil83

Grünschnabel
Nabend!

Also, ich hab mir eine Website mittels eines selbsterstellten "Template-System" gebastelt... :)
Wie ihr im folgenden Code sehen könnt, wird das Design ausschliesslich über ein -mehr oder weniger- komplexes Tabellengerüst geregelt...:
HTML: 
<body>
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0" summary="main_table">
  <tr>
    <td><table width="770" border="0" cellspacing="0" cellpadding="0" summary="hi-lo_table">
        <tr>
          <td><table width="770" border="0" cellspacing="0" cellpadding="0" summary="top_table">
              <tr>
                <td><table width="770" border="0" cellspacing="0" cellpadding="0" summary="top-1">
                    <tr>
                      <td height="10" width="10"><img src="images/web/top_cor-l.jpg" width="10" height="10"></td>
                      <td height="10" width="750" background="images/web/top_lil-bg.jpg"></td>
                      <td height="10" width="10"><img src="images/web/top_cor-r.jpg" width="10" height="10"></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td><table width="770" border="0" cellspacing="0" cellpadding="0" summary="top-2">
                    <tr>
                      <td width="3"><img src="images/web/top_bg-l.jpg"></td>
                      <td width="764" background="images/web/top_bg.jpg"><table width="764" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="2"></td>
                            <td width="290"><img src="images/web/top_logo.gif" width="284" height="41"></td>
                            <td width="4"></td>
                            <td width="468" height="60">§ADVERSTOP§</td>
                          </tr>
                        </table></td>
                      <td width="3"><img src="images/web/top_bg-r.jpg"></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td><table width="770" height="2" border="0" cellspacing="0" cellpadding="0" summary="top-3">
                    <tr>
                      <td width="1"><img src="images/web/top_down-l.jpg" width="2" height="2"></td>
                      <td width="768" background="images/web/top_down.jpg"></td>
                      <td width="1"><img src="images/web/top_down-r.jpg" width="2" height="2"></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td><table width="770" border="0" cellspacing="0" cellpadding="0" summary="top-4">
                    <tr>
                      <td width="2"><img src="images/web/top_dm-l.jpg" width="2" height="20"></td>
                      <td width="767" bgcolor="#faca1e"><script type="text/javascript" language="JavaScript1.2" src="code/js/menu.js"></script></td>
                      <td width="1"><img src="images/web/top_dm-r.jpg" width="1" height="20"></td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td><table width="770" border="0" cellspacing="0" cellpadding="0" summary="lo_table">
              <tr>
                <td height="10" bgcolor="#FFFFFF"></td>
              </tr>
              <tr>
                <td bgcolor="#FFFFFF"><br>
                  §MAIN§</td>
              </tr>
              <tr>
                <td><table width="770" border="0" cellspacing="0" cellpadding="0" summary="eoj_table">
                    <tr>
                      <td height="10" width="10"><img src="images/web/down_cor-l.jpg" width="10" height="10"></td>
                      <td height="10" width="750" bgcolor="#FFFFFF"></td>
                      <td height="10" width="10"><img src="images/web/down_cor-r.jpg" width="10" height="10"></td>
                    </tr>
                  </table></td>
              </tr>
            </table>
              </td>
        </tr>
      </table></td>
  </tr>
</table>
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0" summary="adds">
  <tr>
    <td>§ADDS§</td>
  </tr>
</table>
<br>
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div align="center" class="cright">Copyright &copy; 2006, blablabla... ;-) </div></td>
  </tr>
</table>
<p>&nbsp;</p>
</body>

Mein Problem besteht nun darin, dass wenn im Bereich §MAIN§ zuviel hinein geschrieben wird, ergo sagen wir mal ab dem Zeitpkt., wenn der Browser die vertikalen Scrollleisten anbietet, sich diese "überfüllte" Seite dann um ein gutes Stück nach Links verschiebt.
Sobald ich dann aber wieder auf eine nicht ganz so prallgefüllte Seite wechsle, verschiebt sich alles wieder -wie eigentlich gewollt- wieder zur Mitte hin, also um ein kl. Stk. nach Rechts...

Weiss jemand von Euch, wodurch dieses Problem ausgelöst werden könnte!
Bin für alle Antworten schon einmal im Vorfeld sehr, sehr dankbar


MfG'...
 
Hi,

die Verschiebung resultiert aus dem Ein- und Ausblenden des vertikalen Scrollbalkens im Browserfenster.
 
Hallo!

Danke erstmal, für die schnelle Antwort!
-und für den Tip --weiss ja nun, wo der Wurm liegt... ;-)

Schönen Abend noch!


MfG'...
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück