Zum Inhalt springen

Tabelle wird im Firefox nicht richtig angezeigt

Erstellt am 5. September 2007 · 3 Antworten · letzte Antwort am 5. September 2007

Tags: HTML & CSS, Frage

yalu ·

Hi die folgende Tabelle wird im Firefox nicht richtig angezeigt nachdem Typo 3 sie bearbeitet hat. Bei den Tabellenzeilen wird im Firefox überall ein Abstand angezeigt. Davor wird sie richtig angezeigt.

Evtl. liegt es daran das Typo 3 überall <p class="bodytext"> </p> Tag einfügt.

Orginalcode

<table border="0" cellspacing="0" cellpadding="0" width="546">
  <tbody>
    <tr>
      <td width="260" align="left" valign="top">Die Welt bewegen, sie nach eigenen Vorstellungen voran bringen - eine Vision ? Fahrerlose Transportsysteme (FTS) sparen Zeit und Kosten, sie optimieren und beruhigen Transportabläufe und erhöhen die Verfügbarkeit von Anlagen und Produktionsabläufen. <br />
        <br />
        Zur Verwirklichung Ihrer Visionen haben wir uns die Eigenschaften unserer Produkte zum Vorbild genommen: Sie sind flexibel, anpassungsfähig und offen für unsere Partner. So bringen wir die Vorteile Fahrerloser Transportsysteme optimal für Sie zum Einsatz.</td>
      <td width="36"></td>
      <td width="250" align="left" valign="top"><img style="width: 250px; height: 263px" src="http://ws2085.eka.com:8504/fileadmin/images/FTS/manager.png" border="1" alt="" width="250" height="263" /></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td height="46" align="left" valign="top"></td>
      <td></td>
      <td align="left" valign="top"><span style="font-size: medium"><strong>Was ist für <span style="color: #db1e3d">Sie </span>wichtig ?</strong></span></td>
    </tr>
    <tr>
      <td height="25" align="left" valign="top"></td>
      <td width="36"></td>
      <td width="250" align="left" valign="top">Vorteile mit Fahrerlosen Transportsystemen</td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Improve image </strong></td>
      <td width="36"></td>
      <td rowspan="15" width="250" align="left" valign="top"><img style="width: 250px; height: 300px" src="http://ws2085.eka.com:8504/uploads/RTEmagicC_Balken_02.png.png" alt="" width="250" height="300" /></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Better organisation</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Meet deadlines</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Increase flexibility</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Transparent material flow</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Reduce throughput time</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>More friendly workplace</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Improve product quality</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Increase supply availability</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Reduce stock levels</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Transport savings</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Prevent in-transit damage</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Reduce rejects & scrap</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Security of supply</strong></td>
      <td width="36"></td>
    </tr>
    <tr>
      <td height="20" align="right" valign="top"><strong>Be more cost-effective</strong></td>
      <td width="36"></td>
    </tr>
  </tbody>
</table>

nach der Verarbeitung durch Typo 3

			<table border="0" cellspacing="0" cellpadding="0" width="546" class="contenttable"> 	<tbody> 		<tr> 			<td width="260" align="left" valign="top"><p class="bodytext">Die Welt bewegen, sie nach eigenen Vorstellungen voran bringen - eine Vision ? Fahrerlose Transportsysteme (FTS) sparen Zeit und Kosten, sie optimieren und beruhigen Transportabläufe und erhöhen die Verfügbarkeit von Anlagen und Produktionsabläufen. <br /> 			<br /> 			Zur Verwirklichung Ihrer Visionen haben wir uns die Eigenschaften unserer Produkte zum Vorbild genommen: Sie sind flexibel, anpassungsfähig und offen für unsere Partner. So bringen wir die Vorteile Fahrerloser Transportsysteme optimal für Sie zum Einsatz.</p></td> 			<td width="36"><p class="bodytext"> </p></td> 			<td width="250" align="left" valign="top"><p class="bodytext"><img style="width: 250px; height: 263px" src="fileadmin/images/FTS/manager.png" border="1" alt="" width="250" height="263" /></p></td> 		</tr> 		<tr> 			<td><p class="bodytext"> </p></td> 			<td><p class="bodytext"> </p></td> 			<td><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="46" align="left" valign="top"><p class="bodytext"> </p></td> 			<td><p class="bodytext"> </p></td> 			<td align="left" valign="top"><p class="bodytext"><span style="font-size: medium"><strong>Was ist für <span style="color: #db1e3d">Sie </span>wichtig ?</strong></span></p></td> 		</tr> 		<tr> 			<td height="25" align="left" valign="top"><p class="bodytext"> </p></td> 			<td width="36"><p class="bodytext"> </p></td> 			<td width="250" align="left" valign="top"><p class="bodytext">Vorteile mit Fahrerlosen Transportsystemen</p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Improve image </strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 			<td rowspan="15" width="250" align="left" valign="top"><p class="bodytext"><img style="width: 250px; height: 300px" src="uploads/RTEmagicC_Balken_02.png.png" alt="" width="250" height="300" /></p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Better organisation</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Meet deadlines</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Increase flexibility</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Transparent material flow</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Reduce throughput time</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>More friendly workplace</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Improve product quality</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Increase supply availability</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Reduce stock levels</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Transport savings</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Prevent in-transit damage</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Reduce rejects & scrap</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Security of supply</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 		<tr> 			<td height="20" align="right" valign="top"><p class="bodytext"><strong>Be more cost-effective</strong></p></td> 			<td width="36"><p class="bodytext"> </p></td> 		</tr> 	</tbody> </table>
einpraegsam.​net ·
yalu schrieb

Evtl. liegt es daran das Typo 3 überall <p class="bodytext"> </p> Tag einfügt.

versuch doch mal:

table tr td p.bodytext {
   padding:0;
   margin:0;
}
yalu ·

Hi hab jetzt selber ne lösung gefunden

#wichtig, damit die nicht in p gewrappt werden
lib.parseFunc_RTE.externalBlocks = ul,ol,table

#wenn ein table eine class hat, wird die verwendet, sonst class=contenttable
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >

#nochmaliges parsen von tabellenzellen auschalten, damit inhalte nicht wieder in p gepackt werden
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.callRecursive = 0

#nachträgliches ermöglichen von Links in Tabellenzellen
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.stdWrap.parseFunc {
        makelinks = 1
        makelinks.http.keep = scheme,path,query
        makelinks.mailto.keep = path
        tags {
                link = TEXT
                link {
                 current = 1
                 typolink.parameter.data = parameters : allParams
                }
       }
}

Die Lösung ist von folgender Seite

http://www.sk-typo3.de/Unterdruecken-der-p-Tags-in-Tabelle.138.0.html

yalu ·
wunschtacho schrieb
yalu schrieb

Evtl. liegt es daran das Typo 3 überall <p class="bodytext"> </p> Tag einfügt.

versuch doch mal:

table tr td p.bodytext {
   padding:0;
   margin:0;
}

Danke die Lösung funtioniert. Habs einfach in meine CSS übernommen. Meine Lösung war da etwas radikaler und ich war mir nicht sicher ob ich dammit nicht auf anderen Seiten fehler produziere.