✔ rowspan Internet Explorer 7 problem

doribell · 1. Januar 2007

hallo,

erstmal frohes neues Jahr.
Ich hoffe mir kann jemand helfen mit Firefox funktioniert alles aber mit dem Internet Explorer 7 verschieb sich alles. Hier ist die URL http://bashnb.ath.cx/p2/htm/index.php wo ihr das Problem sehen könnt es passiert sobald man auf zb. die Datenfabrik klick.

bei der url bashnXXb.ath.cx müssen 2x NULLEN zwischen nb statt den XX. man kann das wort hier nicht schreiben.

danke schon mal.

hier ist der html quelltext

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Mein Praktikumbetrieb im 2. Lehrjahr - Jens Neumann</title>
<link href="../scripte/tablestyle.css" rel="stylesheet" type="text/css">
</head>

<body bgcolor="#3b444e" link="#CCCCCC" alink="#CCCCCC" vlink="#CCCCCC" text="#CCCCCC">

<link href="../scripte/tablestyle.css" rel="stylesheet" type="text/css" />
<div align="center">
<table width="900" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
  <tr>
    <td width="339" height="20" class="tabletitle">Mein Praktikumbetrieb im 2. Lehrjahr - Jens Neumann</td>
    <td width="280" height="20" class="tabletitle">Praktikumsauftrag</td>
  </tr>
  <tr>
    <td width="620" height="100" rowspan="5" bgcolor="#444D57"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="620" height="100">
      <param name="movie" value="../pic/logo.swf" />
      <param name="quality" value="high" />
      <embed src="../pic/logo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="620" height="100"></embed>
    </object></td>
    <td width="280" height="20" class="tdstyle" style="text-align:left;">Auftraggeber: Frau Str&uuml;bing, Herr Kolberg</td>
  </tr>
  <tr>
    <td height="20" class="tdstyle" style="text-align:left;">- Projektstart 			25.09.2006</td>
  </tr>
  <tr>
    <td height="20" class="tdstyle" style="text-align:left;">- Meilensteinplan 		10.10.2006</td>
  </tr>
  <tr>
    <td height="20" class="tdstyle" style="text-align:left;">- Abgabe der Arbeit		03.01.2007</td>
  </tr>
  <tr>
    <td height="20" class="tdstyle" style="text-align:left;">- Vorstellung ab 		15.01.2007</td>
  </tr>
</table>
<table width="900" height="510" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
  <tr>
    <td width="180" height="18" nowrap="nowrap" class="tabletitle">Besucher Menu </td>
    <td nowrap="nowrap" bgcolor="#48515B" class="tabletitle2">
		<a href="index.php">home</a> • 
	die Datenfabrik</td>
  </tr>
  <tr>     <td height="20" class="tdstyle"><a href="index.php?content=" target="_self"><strong>•</strong> meine Person</a></td>
    <td rowspan="8" align="center" valign="top" bgcolor="#48515B">
		<table width="650" height="500" border="0" cellpadding="0" cellspacing="1">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
		</td>
  </tr>
  <tr>
    <td height="20" class="tdstyle"><strong><a href="index.php?content=die Datenfabrik" target="_self">•</a></strong><a href="index.php?content=die Datenfabrik"> die Datenfabrik</a></td>
    </tr>
  <tr>
    <td height="20" class="tdstyle"><strong>•</strong> mein Aufgabenbereich</td>
    </tr>
  <tr>
    <td height="20" class="tdstyle"><strong>•</strong> Organigramm</td>
    </tr>
  <tr>
    <td height="20" class="tdstyle"><strong>•</strong> Praktikumsauftrag</td>
    </tr>
  <tr>
    <td height="20" class="tdstyle"><strong>•</strong> Dokumentation</td>
    </tr>
	  <tr>
    <td height="18" class="tabletitle">Besucher Statistik</td>
    </tr>
  <tr>
    <td valign="top" class="tdstyle"><table width="170" border="0" cellpadding="0" cellspacing="0" bgcolor="#444D57">
  <tr>
    <td width="10" class="font9px">50</td>
    <td width="10">&nbsp;</td>
  </tr>
</table>
<table width="150" height="51" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
  <tr>
    <td width="10" valign="bottom" bgcolor="#444D57" class="font9px">0</td>
  	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="48"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="49"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	    <td width="2" valign="top" background="../pic/1px_50px_scale.jpg">
	<img src="../pic/1px_50px_antiscale.jpg" width="2" height="50"></td>
	  </tr>
</table>
<table width="170" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" nowrap="nowrap" class="font9px_center">&nbsp;</td>
  </tr>
  <tr>
    <td align="left" nowrap="nowrap" class="font9px_center">01.01.2007 - 13.10.2006    </td>
  </tr>
</table>
</td>
    </tr>
	    <td height="18" colspan="2" class="tabletitle">
	Seitenaufbau in 0.134 sek</td>
    </tr>
</table>
</div>
</body>
</html>

Maik · 1. Januar 2007

Ich hab mal den Quellcode der "Datenfabrik"-Seite mit der Startseite verglichen und folgende Codezeile entdeckt, die in der Startseite nicht enthalten und somit der Grund für das Darstellungsproblem im IE ist:

Code:

<td rowspan="8" align="center" valign="top" bgcolor="#48515B">
                <table width="650" height="500" border="0" cellpadding="0" cellspacing="1">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
                </td>

Wenn ich diese "leere" Tabelle entferne, wird die Seite im IE korrekt dargestellt.

Außerdem bindest du das Stylesheet tablestyle.css doppelt in das Dokument ein.

doribell · 1. Januar 2007

ja, das ist klar aber die Tabelle hab ich eingefügt um zu zeigen was passiert wenn ich was in den <td> einfüge. Die Tabelle muss dort bleiben, da soll inhalt rein.

Maik · 1. Januar 2007

Okay, wusste nicht, dass dies zu Demozwecken dient

Vielleicht helfen dir Quaeses Lösungsansätze weiter, die er bei diesem "rowspan"-Problem mit dem IE vorgeschlagen hat?

doribell · 1. Januar 2007

Ich hab es jetzt geändert und die rowspans raus genommen und ein paar mehr Tabellen verbaut, den alten Quelltext aber behalten. Hoffe das mein Ausbilder mit das nicht neagtive anrechnert.

✔ rowspan Internet Explorer 7 problem

doribell

Mitglied

Maik

doribell

Mitglied

Maik

doribell

Mitglied

Neue Beiträge