Fehler bei <Div>?

Status
Nicht offen für weitere Antworten.
T

Tanzmaus

Grünschnabel
Hallo!
Ich habe eine Tabelle erstellt mit Div's. In der 2. Spalte hab ich einen unerklärlichen Abstand und finde den Fehler nicht.
Kann mal jemand drüber schauen?
Code: 
     <body bgcolor="#E6E6E6" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" onLoad="ticker()">
     <table width="100%" align="left" valign="top" border="1" cellpadding="0" cellspacing="0">
      <tr>
 <td align="left" valign="top" height="141" width="140"><img src="Images/Bogen_li.gif" height="141" width="140" /></td>
     	<td align="left">
 			<table width="100%" height="140" align="left" valign="top" cellpadding="0" cellspacing="0" border="1">
 		 			 <tr align="left" valign="top" cellpadding="0" cellspacing="0" bgcolor="#AFBBF9">
 		 		 		 <td bgcolor="#AFBBF9" valign="center"><a href="zeichnungen.html" onmouseover="SwapImage('zeichnungen','Button_Zeich_On.gif')" onmouseout="SwapImage('zeichnungen','Button_Zeich_Off.gif')"><img name="zeichnungen" border="1" src="Button_Zeich_Off.gif" height="49" width="100" /></td>
 		 		 		 <td bgcolor="#AFBBF9" valign="center"><a href="gemaelde.html" onmouseover="SwapImage('gemaelde','Button_Gemaelde_On.gif')" onmouseout="SwapImage('gemaelde','Button_Gemaelde_Off.gif')"><img name="gemaelde" border="1" src="Button_Gemaelde_Off.gif" height="49" width="100" /></td>
 		 		 		 <td bgcolor="#AFBBF9" valign="center"><a href="licht.html" onmouseover="SwapImage('licht','Button_Licht_On.gif')" onmouseout="SwapImage('licht','Button_Licht_Off.gif')"><img name="licht" border="1" src="Button_Licht_Off.gif" height="49" width="100" /></td>
 		 		 		 <td bgcolor="#AFBBF9" valign="center"><a href="biografie.html" onmouseover="SwapImage('biografie','Button_Bio_On.gif')" onmouseout="SwapImage('biografie','Button_Bio_Off.gif')"><img name="biografie" border="1" src="Button_Bio_Off.gif" height="49" width="100" /></td>	
 		 		 		 <td bgcolor="#AFBBF9" valign="center"><a href="kontakt.html" onmouseover="SwapImage('kontakt','Button_Kontakt_On.gif')" onmouseout="SwapImage('kontakt','Button_Kontakt_Off.gif')"><img name="kontakt" border="1" src="Button_Kontakt_Off.gif" height="49" width="100" /></td>
 		 		 		 <td bgcolor="#AFBBF9" valign="center"><a href="englisch.html" onmouseover="SwapImage('englisch','Button_Engl_On.gif')" onmouseout="SwapImage('englisch','Button_Engl_Off.gif')"><img name="englisch" border="1" src="Button_Engl_Off.gif" height="49" width="100" /></td>
 		 		 		 <td bgcolor="#AFBBF9" valign="center"><a href="france.html" onmouseover="SwapImage('france','Button_Fr_On.gif')" onmouseout="SwapImage('france','Button_Fr_Off.gif')"><img name="france" border="1" src="Button_Fr_Off.gif" height="49" width="100" /></td>	 			
     		    		     </tr>
     		    		     <tr>
 		 		 			 <td bgcolor="#AFBBF9" valign="top" align="middle" colspan="7"><form name="form2"><input type="text" name="ticker" size="80"></td>
     		    		     </tr>
 		 			 <tr valign="top">
 		 		 		 <td><img src="Images/Clearpixel.gif" height="9" width="100"/></td>
 		 		 		 <td><img src="Images/Clearpixel.gif" height="9" width="100"/></td>
 		 		 		 <td><img src="Images/Clearpixel.gif" height="9" width="100"/></td>
 		 		 		 <td><img src="Images/Clearpixel.gif" height="9" width="100"/></td>
 		 		 		 <td><img src="Images/Clearpixel.gif" height="9" width="100"/></td>
 		 		 		 <td><img src="Images/Clearpixel.gif" height="9" width="100"/></td>
 		 		 		 <td><img src="Images/Clearpixel.gif" height="9" width="100"/></td>
     		    		     </tr>
     			</table>
     	</td> 
 <td align="left" valign="top" height="141" width="140"><img src="Images/Bogen_re.gif height="141" width="140" /></td>
      </tr>
      <tr>
     	<td colspan="9" height="30">&nbsp;</td>
      </tr>
     
  <tr>			
     	<td colspan="2" valign="top" border="5" width="210">
   	 <table width="210" cellpadding="0" cellspacing="0" bgcolor="#000000" align="left">
   	  <tr>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 	 <td valign="top"><div style="height: 173px;"><a href="Anna.html" target="neu" width="400" height="250"><img alt="Anna" src="Images/Bilder/Anna.jpg" height="173" width="150" border="1"/></a></div></td>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
   	</tr>
 		 		 		
   	<tr>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 	 <td valign="top"><div style="height: 187px;"><a href="Augenblick.html" target="neu"><img alt="Augenblick1" src="Images/Bilder/Augenblick1.jpg" height="187" width="150" border="1"/></div></td>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 20px;">&nbsp;</td>
      </tr>
 		 		 		
      <tr>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 	 <td valign="top"><div style="height: 227px;"><a href="Bewegung.html" target="neu"><img alt="Bewegung" src="Images/Bilder/Bewegung.jpg" height="227" width="150" border="1"/></div></td>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
   	</tr>
 		 		 		
   	<tr>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 	 <td valign="top"><div style="height: 179px;"><a href="Kaefig.html" target="neu"><img alt="Kaefig" src="Images/Bilder/Kaefig.jpg" height="179" width="150" border="1"/></div></td>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
   	</tr>
 		 		 		
   	<tr>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 	 <td valign="top"><div style="height: 116px;"><a href="Mammut.html" target="neu"><img alt="Mammut" src="Images/Bilder/Mammut.jpg" height="116" width="150" border="1"/></div></td>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
   	</tr>
 		 		 		
   	<tr>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 	 <td valign="top"><div style="height: 97px;"><a href="Nostalgie.html" target="neu"><img alt="Nostalgie" src="Images/Bilder/Nostalgie.jpg" height="97" width="150" border="1"/></div></td>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 20px;">&nbsp;</td>
   	</tr>
 		 		 		
   	<tr>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 	 <td valign="top"><div style="height: 116px;"><a href="Pferd.html" target="neu"><img alt="Pferd (34K)" src="Images/Bilder/Pferd.jpg" height="116" width="150" border="1"/></div></td>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
   	</tr>
 		 		 		
  <tr>
      <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 <td valign="top"><div style="height: 177px;"><a href="Schamane.html"	 target="neu"><img alt="Schamane" src="Images/Bilder/Schamane.jpg" height="177" width="150" border="1"/></div></td>
      <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
     </tr>
 		 		 		
     <tr>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 	 <td width "150" valign="top"><div style="height: 260px;"><a href="Wir 01.html" target="neu"><img alt="Wir-01" src="Images/Bilder/Wir-01.jpg" height="260" width="150" border="1"/></div></td>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
   		 </tr>
   		</table>
     	  </td>
  <Fehler Beginn Spalte wird nach rechts gedrückt>
 	 <td valign="top" width="410"colspan="5" rowspan="9"><div style="height: 400px; width: 500px;"><font face="Arial"><p><b>"Leg etwas in das Licht und schau, was das Licht mit dem Etwas macht, dann hast du den Tag über gut zu tun und manchmal auch die Nacht."</b></p>
 <p>(aus R. Gernhardt, Ballade von der Lichtmalerei)</p><p>Kilometerweise, 0,03 mm dünnen Stahldraht verspannt der "Lichtbildner" Michajlow in einem hochkomplexen System zu einem filigranen Kunstwerk. <br>Die Objekte bestehen aus kunstvoll beflochtenen Einzelelementen, die er nach Anzahl und Zusammenstellung zu unterschiedlich großen und komplexen stereometrischen Körpern zusammenfügt. Dabei entstehen höchst artifizielle Gebilde, die an platonische Körper wie Dodekaeder und Ikosaeder erinnern. Farbstrahler lassen das sich langsam drehende Gespinst in immer wieder neuen, faszinierenden Farb-, Licht- und Formgestalten erscheinen.</p></font></div></td> 
  
  < Fehler Ende>
 <td colspan="2" valign="top" border="5" width="210">
      <table width="210" cellpadding="0" cellspacing="0" bgcolor="#000000" align="left">
   	   <tr>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 	 <td valign="top"><div style="height: 173px;"><a href="Anna.html" target="neu" width="400" height="250"><img alt="Anna" src="Images/Bilder/Anna.jpg" height="173" width="150" border="1"/></a></div></td>
   	 <td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
      </tr>
 		 		 		
 		 		 		<tr>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		 	<td valign="top"><div style="height: 187px;"><a href="Augenblick.html" target="neu"><img alt="Augenblick1" src="Images/Bilder/Augenblick1.jpg" height="187" width="150" border="1"/></div></td>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 20px;">&nbsp;</td>
 		 		 		</tr>
 		 		 		
 		 		 		<tr>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		 	<td valign="top"><div style="height: 227px;"><a href="Bewegung.html" target="neu"><img alt="Bewegung" src="Images/Bilder/Bewegung.jpg" height="227" width="150" border="1"/></div></td>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		</tr>
 		 		 		
 		 		 		<tr>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		 	<td valign="top"><div style="height: 179px;"><a href="Kaefig.html" target="neu"><img alt="Kaefig" src="Images/Bilder/Kaefig.jpg" height="179" width="150" border="1"/></div></td>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		</tr>
 		 		 		
 		 		 		<tr>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		 	<td valign="top"><div style="height: 116px;"><a href="Mammut.html" target="neu"><img alt="Mammut" src="Images/Bilder/Mammut.jpg" height="116" width="150" border="1"/></div></td>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		</tr>
 		 		 		
 		 		 		<tr>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		 	<td valign="top"><div style="height: 97px;"><a href="Nostalgie.html" target="neu"><img alt="Nostalgie" src="Images/Bilder/Nostalgie.jpg" height="97" width="150" border="1"/></div></td>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 20px;">&nbsp;</td>
 		 		 		</tr>
 		 		 		
 		 		 		<tr>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		 	<td valign="top"><div style="height: 116px;"><a href="Pferd.html" target="neu"><img alt="Pferd (34K)" src="Images/Bilder/Pferd.jpg" height="116" width="150" border="1"/></div></td>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		</tr>
 		 		 		
 		 		 		<tr>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		 	<td valign="top"><div style="height: 177px;"><a href="Schamane.html" target="neu"><img alt="Schamane" src="Images/Bilder/Schamane.jpg" height="177" width="150" border="1"/></div></td>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		</tr>
 		 		 		
 		 		 		<tr>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		 	<td width "150" valign="top"><div style="height: 260px;"><a href="Wir 01.html" target="neu"><img alt="Wir-01" src="Images/Bilder/Wir-01.jpg" height="260" width="150" border="1"/></div></td>
 		 		 		 	<td style="background: url(Fotostreifen.gif) 0 0 repeat-y; width: 30px;">&nbsp;</td>
 		 		 		</tr>
 					</table>
     			</td>  
     
     </tr>
     </table>

Danke im voraus! :confused:
 
Zuletzt bearbeitet:
Hallo Tanzmaus,

warum baust du innerhalb der verschachtelten Tabelle überhaupt ein DIV ein?
Welchen Sinn hat das DIV denn in diesem Tabellen-Konstrukt?
 
Mir ging es dabei um ein kleines Bild, daß sich automatisch an die Größe der 2. Spalte in der verschachtelten Tabelle anpasst. Ich habe das Problem auch nur in der 1. verschachtelten Tabelle. In der dritten Tabelle ist alles in Ordnung. :confused:
 
Hast Du vielleicht irgendwo ein padding oder ähnliches definiert?
Es ist ehrlich gesagt nicht sehr berauschend, Deinen Quelltext zu durchsuchen, da er nicht vorteilhaft strukturiert und eingerückt ist, ...
An welcher Stelle (also welche Spalte genau) tritt denn der Fehler auf?

redlama
 
Okay, ich habs versucht ein bischen schöner zu machen mit dem Quelltext und Fehler markiert.
Bei mir im Editor sieht der Quelltext natürlich nicht so unübersichtlich aus. Hab es hier nur rein kopiert. Tschuldigung
 
So, ich habe Deinen Code mal ein wenig aufgeräumt und ein Fehlende Tagenden eingefügt.
Kannst mal mal versuchen, ob es damit jetzt geht (hängt als code.txt an).
Wenn nicht, weiß ich leider auch nicht weiter, da es schwer ist etwas passend zu machen, wenn man es nicht sieht (weder vorher noch hinterher).

redlama
 

Anhänge

Mmh, sieht unverändert aus. Hab gedacht, ich hätte irgendwo einen schließenden Tag vergessen oder meine colspans stimmen nicht. Kann das vielleicht an meinem Browser liegen? Ich nutze den Mozilla.
LG
 
Ich glaub, ich habs gefunden, der Fehler liegt weiter oben, bei der Navigation. Okay, ich grübel mal noch ein bischen, wie ich das jetzt umbaue. Denkfehler von mir, ich hab in der Navi nur 3 Spalten.:rolleyes:
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück