Tabellen im Template verschieben sich.

Hallo zusammen,

habe ein Template erstellt und sobald ein Inhalt eingefügt wird verschieben sich alle Zellen in der Tabelle und dadurch wird das Template unbrauchbar.
Habe das Template schon öfters neu erstellt, ohne erfolg. Habe schon öfters templates erstellt dort hatte ich diese Probleme nie.
Hoffe ihr könnt mir weiterhelfen.

Benutze Typo3.6.2

Der Link zur Testpage:
http://start-ab.schickzu.de

Meine Designvorlage:

<html>
###dokument###
<head>
<title>template.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style></head>
<body bgcolor="#ffffff">
<table width="100%" height="100%"  border="0" align="center">
  <tr>
    <td width="100%" height="100%" align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="800">
      <tr>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="109" height="1" border="0" alt=""></td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="11" height="1" border="0" alt=""></td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="102" height="1" border="0" alt=""></td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="417" height="1" border="0" alt=""></td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="7" height="1" border="0" alt=""></td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="154" height="1" border="0" alt=""></td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="1" height="1" border="0" alt=""></td>
      </tr>
      <tr>
        <td colspan="6" background="fileadmin/template/start-ab04-1/images/template_r1_c1.gif"></td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="1" height="72" border="0" alt=""></td>
      </tr>
      <tr>
        <td colspan="3" rowspan="5" background="fileadmin/template/start-ab04-1/images/template_r2_c1.gif"></td>
        <td rowspan="2" bgcolor="#008CD2">###res1###</td>
        <td colspan="2" background="fileadmin/template/start-ab04-1/images/template_r2_c5.gif"></td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="1" height="30" border="0" alt=""></td>
      </tr>
      <tr>
        <td rowspan="6" background="fileadmin/template/start-ab04-1/images/template_r3_c5.gif"></td>
        <td rowspan="3" background="fileadmin/template/start-ab04-1/images/template_r3_c6.gif">###flagge###</td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="1" height="17" border="0" alt=""></td>
      </tr>
      <tr>
        <td background="fileadmin/template/start-ab04-1/images/template_r4_c4.gif"></td>
        <td background="fileadmin/template/start-ab04-1/images/spacer.gif"></td>
      </tr>
      <tr>
        <td height="17" background="fileadmin/template/start-ab04-1/images/template_r5_c4.gif">###rootline###</td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="1" height="15" border="0" alt=""></td>
      </tr>
      <tr>
        <td background="fileadmin/template/start-ab04-1/images/template_r6_c4.gif"></td>
        <td background="fileadmin/template/start-ab04-1/images/template_r6_c6.gif"></td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="1" height="5" border="0" alt=""></td>
      </tr>
      <tr>
        <td background="fileadmin/template/start-ab04-1/images/template_r7_c1.gif">###res2###</td>
        <td rowspan="5" background="fileadmin/template/start-ab04-1/images/template_r7_c2.gif"></td>
        <td colspan="2" bgcolor="#2CA7E0">###res3###</td>
        <td bgcolor="#2CA7E0">###res4###</td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="1" height="19" border="0" alt=""></td>
      </tr>
      <tr>
        <td><img name="template_r8_c1" src="fileadmin/template/start-ab04-1/images/template_r8_c1.gif" width="109" height="3" border="0" alt=""></td>
        <td colspan="2"><img name="template_r8_c3" src="fileadmin/template/start-ab04-1/images/template_r8_c3.gif" width="519" height="3" border="0" alt=""></td>
        <td><img name="template_r8_c6" src="fileadmin/template/start-ab04-1/images/template_r8_c6.gif" width="154" height="3" border="0" alt=""></td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="1" height="3" border="0" alt=""></td>
      </tr>
      <tr>
        <td rowspan="2" valign="top" bgcolor="#008CD2">###menu###</td>
        <td colspan="2" rowspan="2" valign="top" bgcolor="#2CA7E0">###content###</td>
        <td><img name="template_r9_c5" src="fileadmin/template/start-ab04-1/images/template_r9_c5.gif" width="7" height="1" border="0" alt=""></td>
        <td rowspan="2" valign="top" bgcolor="#2CA7E0">###sponsor###</td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="1" height="1" border="0" alt=""></td>
      </tr>
      <tr>
        <td rowspan="2"><img name="template_r10_c5" src="fileadmin/template/start-ab04-1/images/template_r10_c5.gif" width="7" height="435" border="0" alt=""></td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="1" height="388" border="0" alt=""></td>
      </tr>
      <tr>
        <td bgcolor="#008CD2">###res5###</td>
        <td colspan="2" bgcolor="#2CA7E0">###res6###</td>
        <td bgcolor="#2CA7E0">###res7###</td>
        <td><img src="fileadmin/template/start-ab04-1/images/spacer.gif" width="1" height="47" border="0" alt=""></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
###dokument###
</html>

Mein Template-Setup:

# Seiten definition

seite = PAGE
seite.typeNum = 0
seite.20 = TEMPLATE


# Template Laden

seite.20 { 
template = FILE
template.file = fileadmin/template/start-ab04-1/template.html
workOnSubpart = dokument



# Marker zuweisung
marks.res = TEXT
marks.res1 = TEXT
marks.news = TEXT
marks.flagge = TEXT
marks.links = TEXT

marks.content < styles.content.get
marks.content = CONTENT
marks.content.table =tt_content

marks.sponsor = RECORDS
marks.sponsor {
tables = tt_content
source = 2
dontCheckPid = 1
}


# Klickpfad

marks.rootline = HMENU
marks.rootline {
special = rootline
special.range = 0|-1
1 = TMENU
1.target = _self
1.NO.linkWrap =  | >> 
1.NO.ATagParams = class="rootline"
}

# Menü

marks.menu = HMENU
marks.menu.1 = TMENU
marks.menu.1.NO {
allWrap = <tr><td>|</td></tr>
RO=1
}

marks.menu.1.ACT = 1
marks.menu.1.ACT {
allWrap = <tr><td>|</td></tr>
}

marks.menu.2 = TMENU
marks.menu.2.NO {
allWrap = <tr><td>|</td></tr>
RO=1
}

marks.menu.2.ACT = 1
marks.menu.2.ACT {
allWrap = <tr><td>|</td></tr>
RO=1
}

Das Ergebnis deiner Wraps :

<table>
    <tr>
        <td>
             <tr><td> ...Menüeintrag... </td></tr>
        </td>
    </tr>
</table>

So kriegt man jede Tabelle zerschossen,
auch ohne Typo3 #giggle#

viele Grüße
jenses

OK, dann ist die ursache schon mal bekannt.
Was mich nur wundert ich habe meine Designvorlagen immer nach diesem Prinzip erstellt und noch nie Probleme gehabt.
Wie sollte jetzt der Lösungsweg aussehen?

Was mich nur wundert ich habe meine Designvorlagen immer nach diesem Prinzip erstellt und noch nie Probleme gehabt.

Ehrlich ???? #giggle#

Wie sollte jetzt der Lösungsweg aussehen?

Zum Beispiel, in dem du dein komplettes Menü in eine Tabelle wrapst und die einzelnen Menüpunkte in <tr><td>|</td></tr>,
oder mit DIVs, oder oder ....
Das Alles hat aber nichts mit Typo3 zu tun,
sondern ist eine HTML-Hausaufgabe.
Du mußt dir vorher überlegen,
wie z.B. ein Menüpunkt in gültigem HTML auszusehen hat.
Dann wrapst du entsprechend.

jenses