IE6 Problem mit colspan, oder woran liegt`s?
Jakob Gohr
- browser
0 Vinzenz Mai0 salt
Hallo! Freue mich über Hilfe jeglicher Art, eigentlich muss ich nur wissen woran+s liegt, dann geht+s bestimmt weiter. Hab eine Website mit joomla erstellt, das template funktioniert soweit mit mozilla und dem IE 6 aber nach einer kleinen modifiktion zerflückt der IE 6 alles in unterschiedliche positionen, hier der quelltext:
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="id">
<tr>
<td colspan="11"> </td>
</tr>
<tr>
<td> </td>
<td>
<img id="bild_03" src="<?php echo $mosConfig_live_site; ?>...images/bild_03.png" width="17" height="35" alt="" /></td>
<td colspan="7"><img src="<?php echo $mosConfig_live_site; ?>...images/bild_04.png" alt="" name="bild_04" width="697" height="35" id="bild_04" /></td>
<td>
<img id="bild_05" src="<?php echo $mosConfig_live_site; ?>...images/bild_05.png" width="33" height="35" alt="" /></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td bgcolor="#FFFFFF"> </td>
<td colspan="3" background="<?php echo $mosConfig_live_site; ?>...images/bild_09.png"><table width="100%" border="0" cellspacing="5">
<tr>
<td><span class="sitetitle"><?php echo $mosConfig_sitename; ?></td>
</tr>
</table></td>
<td>
<img src="<?php echo $mosConfig_live_site; ?>...images/bild_10.png" alt="" name="bild_10" width="70" height="56" border="0" usemap="#bild_10Map" id="bild_10" /></td>
<td>
<img src="<?php echo $mosConfig_live_site; ?>...images/bild_11.png" alt="" width="70" height="56" border="0" usemap="#bild_10MapMap" id="bild_11" />
<map name="bild_10MapMap" id="bild_10MapMap">
<area shape="circle" coords="23,27,22" href="index.php?option=com_search" alt="Search" />
</map></td>
<td>
<img src="<?php echo $mosConfig_live_site; ?>...images/bild_12.png" alt="" width="70" height="56" border="0" usemap="#bild_10MapMap2" id="bild_12" />
<map name="bild_10MapMap2" id="bild_10MapMap2">
<area shape="circle" coords="23,27,22" href="index.php?option=com_registration&task=register" alt="Register" />
</map></td>
<td>
<img src="<?php echo $mosConfig_live_site; ?>...images/bild_13.png" alt="" width="127" height="56" border="0" usemap="#bild_10MapMap3" id="bild_13" />
<map name="bild_10MapMap3" id="bild_10MapMap3">
<area shape="circle" coords="23,27,22" href="index.php?option=com_contact" />
</map></td>
<td bgcolor="#FFFFFF"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td bgcolor="#FFFFFF"> </td>
<td colspan="7">
<img id="bild_18" src="<?php echo $mosConfig_live_site; ?>...images/bild_18.png" width="83" height="170" alt="" /></td>
<td bgcolor="#FFFFFF"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td bgcolor="#FFFFFF"> </td>
<td colspan="7">
<img id="bild_27" src="<?php echo $mosConfig_live_site; ?>...images/bild_27.png" width="697" height="17" alt="" /></td>
<td bgcolor="#FFFFFF"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td bgcolor="#FFFFFF"> </td>
<td colspan="2" valign="top" background="<?php echo $mosConfig_live_site; ?>...images/bild_09.png"><table width="100%" border="0">
<tr>
<td><?php mosLoadModules ( 'left' ); ?></td>
</tr>
</table></td>
<td colspan="5" valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="10">
<tr>
<td><?php mosMainBody(); ?></td>
</tr>
</table></td>
<td bgcolor="#FFFFFF"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td bgcolor="#FFFFFF"> </td>
<td colspan="3">
<img id="bild_38" src="<?php echo $mosConfig_live_site; ?>...images/bild_38.png" width="360" height="37" alt="" /></td>
<td colspan="4" valign="middle" background="<?php echo $mosConfig_live_site; ?>...images/bild_09.png"><table width="100%" border="0">
<tr>
<td align="right"><span class="date"><?php echo mosCurrentDate(); ?></td>
</tr>
</table></td>
<td bgcolor="#FFFFFF"> </td>
<td> </td>
</tr>
<tr>
<td>
<img id="bild_42" src="<?php echo $mosConfig_live_site; ?>...images/bild_42.png" width="23" height="33" alt="" /></td>
<td>
<img id="bild_43" src="<?php echo $mosConfig_live_site; ?>...images/bild_43.png" width="17" height="33" alt="" /></td>
<td colspan="7" bgcolor="#FFFFFF"> </td>
<td>
<img id="bild_45" src="<?php echo $mosConfig_live_site; ?>...images/bild_45.png" width="33" height="33" alt="" /></td>
<td>
<img id="bild_46" src="<?php echo $mosConfig_live_site; ?>...images/bild_46.png" width="30" height="33" alt="" /></td>
</tr>
<tr>
<td colspan="11"> </td>
</tr>
</table>
<map name="bild_10Map" id="bild_10Map">
<area shape="circle" coords="23,27,22" href="index.php" alt=".:home:." />
</map>
<map name="bild_20Map" id="bild_20Map"><area shape="rect" coords="5,144,120,159" href="www.link.de" target="_blank" />
</map>
<table width="100%" border="0" cellspacing="5">
<tr>
<td><div align="center">
© 2007
</div></td>
</tr>
</table>
</body>
Hallo Jakob,
Freue mich über Hilfe jeglicher Art,
wir helfen hier ganz gern. Aber wir mögen keinen serverseiten Quelltext, wenn
es um clientseitige Probleme geht.
[... PHP-Code, der eine Tabellenwüste erzeugt, gekürzt ...]
Lies bitte Tipps für Fragende und poste relevanten HTML/CSS-Code oder besser einfach einen Link auf die Seite, wo man sich das Problem anschauen kann.
Freundliche Grüße
Vinzenz
In Zeile 18 (ab body-tag) schliesst du das td nicht, sondern hast da ein öffnendes tr stehen. wenn das absicht wäre (tabelle in tabelle), würde der table-tag fehlen.
Ab da habe ich erstmal aufgehört zu schauen. Geh am besten nochmal alles durch, ist nämlich nur Fleissarbeit.
Und: Die erste Zeile mit dem leeren tag mit colspan=11 kannst du weglassen - es reicht, wenn die anderen aufgehen. Ausser, du machst n th daraus, dann ergäbe das Sinn.
Und: Leere td-Bereiche solltest du u.U. mit oder von mir aus "klassisch schmutzig" mit nem 1px-blind-gif füllen, wenn du willst, dass die Zelle auf versch. Styles reagiert.
Aber: Layout mit Tabellen ... dass das Mist ist - diese Tatsache kann man nicht aussitzen :)