✔ HTML Layout Problem

[counteract]

Hallo zusammen,

ich habe ein kleines Problem bei der Definierung von einem 3 Spalten Layout.
Hier mal der Code der 3 Spaltigen Tabelle:

<table width="640" border="0" cellspacing="0">
                   <tr>
                     <td width="267" height="304"><div class="clear">
                       <p align="justify"><span class="small2">Lorem ipsum dolor sitng elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum.</span></p>
                       <p align="justify">&nbsp;</p>
                       <p align="justify">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sad</p>
                       <p align="left">&nbsp;</p>
                     </div>                       </td>
                     <td width="13">&nbsp;</td>
                     <td width="354"><div align="center"><img src="img/10.jpg" width="350" height="262"
style="padding: 2px; border : 1px solid #FF6600;" /></div></td>
                   </tr>
                   <tr>
                     <td colspan="3"><p align="justify">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.p>
                       <p align="justify">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
                       <p align="justify"><br />
                         Lorem ipsum dolor sit amet </p>
                     <p align="justify">Lorem ipsum dolor sit amet.</p>
                     <p align="justify"><img src="img/sig.jpg" alt="" width="96" height="90" /></p></td>
                   </tr>
                 </table>

Diese Tabelle wird im Safari und Firefox ohne Probleme angezeigt, alles ist gut aufgeteilt. Im IE wird die Größenaufteilung völlig auseinander gerissen.
Der Abstand zwischen Text und Bild ist zu groß und die Spltenbreite des Textes ist zu schmal.
Wie kann ich diesen Bug umgehen? Hat jemand ne Idee?

 

[Maik]

Hi,

ich hab mir das mal fix in den IE-Versionen 6 bis 8 angeschaut, und das Problem taucht nur in der aktuellen Version auf.

Abhilfe schafft hier das Entfernen des width-Attributs im dritten (rechten) <td>-Element, dessen Breite sich dann rechnerisch aus der Tabellengesamtbreite abzüglich der beiden ersten Tabellenzellenbreiten ergibt.

mfg Maik

 

[counteract]

Jo das war das Problem. Vielen Dank für die schnelle Hilfe wiedermal!