Fehler bei einer Seite mit Tabelle

Jim-Panse

Reisender
Hey Leute,
ich habe mit JavaScript eine HTML-Seite, wovon das Grundgerüst ein table-Tag ist, erstellt. Aus einer XML-Datei werden die Daten gelesen und dann an die Website weitergegeben. Das ist nicht das Problem, nur das Layout macht dabei Mucken. Ich habe eine zweispaltige Tabelle, links ist die Übersicht mit den Links zu jeder einzelnen Seite. Rechts habe ich dann eine Überschrift und darunter den Inhalt. Das Problem ist jetzt nur, wenn der Text rechts unter der Überschrift größer als 4 Zeilen ist verrückt sich das Menü links nach unten. Ist das Menü aber größer, so rückt der Tet nach unten.

Man kann die Dateien übrigens nur in einer Zeile wiedergeben lassen, also brauche ich eine layout-technische Lösung.

Quellcode:
Code:
<!-- Element Web Code Name June
     Version 1.2.5 Build 6235 June (6235.eweb_php_june.20070608.1920 = Code Name June) -->
     
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Oblivion goes Medieval - Der ultimative Kampf">
<meta name="keywords" content="OgM, Software, Hardware, Website, Oblivion, The Elder Scrolls, Oblivion goes Medieval, Community">
<meta name="language" content="de-DE">
<meta name="robots" content="index,follow">
<meta name="author" content="Oblivion goes Medieval Design Team">
<meta name="expires" content="0">
<meta name="abstract" content="Oblivion goes Medieval - Life the Medieval">
<meta name="copyright" content="Copyright © 2007 Oblivion goes Medieval. All rights reserved.">
<meta name="designer" content="Oblivion goes Medieval Design Team">
<meta name="publisher" content="Oblivion goes Medieval Project Team">
<meta name="revisit-After" content="2 days">
<meta name="distribution" content="global">
<meta name="generator" content="Element Web PHP">
<title>Oblivion goes Medieval :: &Uuml;ber Oblivion goes Medieval</title>
<link type="text/css" rel="stylesheet" href="../../web/stylesheets/shadowaurora.css" />
<script language="JavaScript" type="text/JavaScript" src="../../system/core/runtime/eweb_fluid_re.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../../system/core/de-DE/time.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../../system/core/spry/spry-xml/xpath.js"></script>
<script language="JavaScript" type="text/JavaScript" src="../../system/core/spry/spry-xml/spry.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
var ds1 = new Spry.Data.XMLDataSet("../../system/data/xml/de-DE/about.xml", "root/data");
//-->
</script>
</head>
<body onLoad="window.setTimeout('showtime()',1000)">
<table width="906" border="0" align="center" id="tcenter">
  <tr>
    <td colspan="2" id="theader"></td>
  </tr>
  <tr>
    <td width="75%">{box_id=menu}</td>
    <td width="25%">
      <div align="right">{box_id=pathway}</div>
    </td>
  </tr>
  <tr>
    <td width="75%"><a href="#">Deutsch</a> <img src="../../web/icons/lang/de.gif" width="18" height="12" border="0" align="absmiddle" /> | <a href="../en">English</a> <img src="../../web/icons/lang/us.gif" width="18" height="12" border="0" align="absmiddle" /> | <a href="../fr">Fran&ccedil;ais</a> <img src="../../web/icons/lang/fr.gif" width="18" height="12" border="0" align="absmiddle" /> </td>
    <td width="25%">
      <div align="right" id="time" class="time">&nbsp;</div>
    </td>
  </tr>
  <tr>
    <td width="75%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td width="75%" class="cat">
      <div spry:detailregion="ds1">&nbsp;-> {titel}</div>
    </td>
    <td width="25%" class="cat">&nbsp;-> &Uuml;bersicht</td>
  </tr>
  <tr>
    <td width="75%" rowspan="2">
      <div spry:detailregion="ds1">{desc}</div>
    </td>
    <td width="25%">
      <div spry:region="ds1">
        <table cellpadding="0" cellspacing="0">
          <tr spry:repeat="ds1" spry:setrow="ds1">
            <td><a href="#">> {titel}</a><br/>
            </td>
          </tr>
        </table>
      </div>
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="75%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" id="tfooter">Copyright &copy; 2007 Oblivion goes Medieval. All rights reserved.<br/>
      Powered by Element Web Code Name June. Version 1.1.0 Build 6010 PHP (<a href="http://oblivion-goes-medieval.ap2k.de/elementweb/system/core/info">Info</a>).<br/>
    </td>
  </tr>
</table>
</body>
</html>

Ich hoffe auf Hilfe von euch,
die Website kann unter http://oblivion-goes-medieval.ap2k.de/elementweb/de-DE/about gefunden werden. Dateiname ist index.html.

Danke im voraus!