Fehlerhafte Darstellung einer Tabelle mit IE

[Chris]

HI

ich habe ein Problem.

Ich habe eine Internetseite mit Hilfe von Photoshop (Slice zur richtigen darstellung des Designs) erstellt.Das bedeuted, dass das Bild in kleinere Bilder zerschnitten wird und in einer Tabelle wieder zusammen gesetzt wird.
Dann habe ich einige Zeilen durch Iframes ersetzt um sie mit Inhalt zu füllen.
Daraus ergab sich das Problem, dass Firefox nun die Seite richtig darstellt aber IE beim unteren Iframe (siehe Beispiel) dicke schwarze Balken (daüber und daunter) einblendet und damit das Design ausseinander reisst.
Hab schon lange drüber nachgedacht aber habe leider keine Lösung gefunden.

Hier der Tabellen Quelltext:

<table id="Tabelle_01" width="1023" height="641" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td colspan="5">
   <img src="Bilder/hc_01.gif" width="1023" height="31" alt=""></td>
 </tr>
 <tr cellpadding="0" cellspacing="0">
  <td rowspan="7">
   <img src="Bilder/hc_02.gif" width="234" height="610" alt=""></td>
  <td colspan="3">
   <img src="Bilder/hc_03.gif" width="538" height="307" alt=""></td>
  <td rowspan="7">
   <img src="Bilder/hc_04.gif" width="251" height="610" alt=""></td>
 </tr>
 <tr cellpadding="0" cellspacing="0">
  <td colspan="5" cellpadding="0" cellspacing="0">
   <IFRAME
    border=0 name=navi frameSpacing=0 src="navi.html" frameBorder=0
    width=538 height=46 scrolling="no" > </iframe></td>
 </tr>
 <tr>
  <td colspan="3">
   <img src="Bilder/hc_06.gif" width="538" height="16" alt=""></td>
 </tr>
 <tr>
  <td>
   <img src="Bilder/hc_07.gif" width="9" height="4" alt=""></td>
  <td rowspan="2">
    <IFRAME
    border=0 name=content frameSpacing=0 src="content/hce.html" frameBorder=0
    width=372 height=178 scrolling="no"> </iframe></td>
  <td>
   <img src="Bilder/hc_09.gif" width="157" height="4" alt=""></td>
 </tr>
 <tr>
  <td>
   <img src="Bilder/hc_10.gif" width="9" height="174" alt=""></td>
  <td>
   <img src="Bilder/hc_11.gif"  width="157" height="174" name="minijpg" >
</td>
 </tr>
 <tr>
  <td colspan="3">
   <img src="Bilder/hc_12.gif" width="538" height="29" alt=""  border="0"></td>
 </tr>
 <tr>
  <td colspan="3">
   <img src="Bilder/hc_13.gif" width="538" height="34" alt=""></td>
 </tr>
</table>

Vielen Dank.

Grüße Chris

[XaraX]

Hallo Chris,

Du solltest Dein gesamtes Konzept zur Erstellung (insbesondere die dafür eingesetzte Software) überdenken. Tabellen sind in manchen Belangen immer noch das einzige Mittel, um schnell ein solides Desing umzusetzen. Jedoch sind sie, wenn sie nicht einen tabellarischen Inhalt darzustellen haben, semantisch falsch eingesetzt. In Deinem Fall ist weder zu sehen, daß hier tabellarischer Inhalt zu representieren ist, noch daß Du zur Umsetzung Deines Layouts auf Tabellen _zwingend_ angewiesen bist.

Das allen Presenzen zugrundeliegende Protokoll ist HTTP. Ich schreibe dies Dir deswegen, damit Dir klar wird, wie Du hier grundsätzliche Fehler, ohne es zu wollen, gemacht hast. Wenn ein Browser eine Resource (also Dein HTML-Dokument) anfordert, werden Requestheader an den Server gesendet, welche dieser mit Responseheader beantwortet. Dann erst wird die eigentliche Resource serviert. Selbes gilt adäquat für die Bilder Deiner Dokumente.
 Je nach Browser und Server(-konfiguration) verschlingen die Header für eine Resource 400 - 800 Byte (werden zudem noch Cookies übermittelt sind es mehr). Wenn Du also ein _einzelnen_ Hintergrundbild durch den Browser laden läßt, werden sich Deine Dokumente allein' schon deswegen erheblich schneller laden lassen, als wenn Du 13 (in Worten: Dreizehn) Requests und Response dafür aufbauen mußt.
 Hinzu kommt, daß die Komprimierung bei einem großen (gesamten) Bild des gif-Formats besser ist, als bei vielen einzelnen Bildern, die erst durch Rendern zu einem Ganzen (und wie Du auch beklagst, auch noch fehlerhaft) zusammengefügt werden.

In diesem Zusammenhang überdenke auch, ob Du nicht lieber auf Frames verzichten willst, zu denen Du leider auch keine Alternativen für bspw. Suchmaschinen anbietest.

Gruß aus Berlin!
eddi