valign und IE

Status
Nicht offen für weitere Antworten.
M

MTZ

Grünschnabel
Hallo,

Ich hab da folgendes Problem:

Ein Tabellenkonstrukt, das Grafiken u.a. auf die für die NAvigation enthält.

In die Tabelle ist eine weitere Verschachtelt, welche den eigendlichen Inhalt ( Text ) enthalten soll.

Die TD-atribute der äußeren TAbelle sind mit Valign="TOP" angegeben, damit die Grafiken auch immer schön bündig oben bleiben auch wenn der Text der inneren Tabelle die äußere Tabelle aufzieht. Das funktioniert im Opera z.b. auch wunderbar, nur der blöde IE scheint das valign zu ignorieren.
Er verteilt die Grafiken auf die ganze höhe der Tabelle.

Was mach ich falsch

Dank im voraus
MTZ
 
hier der quelltext

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table height="600" width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="53"><img src="images/entwurf_24.11_slice_01.jpg" width="41" height="56"></td>
<td width="178"><img src="images/entwurf_24.11_slice_02.jpg" width="136" height="56"></td>
<td width="191"><img src="images/entwurf_24.11_slice_03.jpg" width="146" height="56"></td>
<td width="210"><img src="images/entwurf_24.11_slice_04.jpg" width="161" height="56"></td>
<td width="174"><img src="images/entwurf_24.11_slice_05.jpg" width="133" height="56"></td>
<td width="147"><img src="images/entwurf_24.11_slice_06.jpg" width="147" height="56"></td>
</tr>
<tr>
<td><img src="images/entwurf_24.11_slice_08.jpg" width="41" height="59"></td>
<td><img src="images/entwurf_24.11_slice_09.jpg" width="136" height="59"></td>
<td><img src="images/entwurf_24.11_slice_10.jpg" width="146" height="59"></td>
<td><img src="images/entwurf_24.11_slice_11.jpg" width="161" height="59"></td>
<td><img src="images/entwurf_24.11_slice_12.jpg" width="133" height="59"></td>
<td><img src="images/entwurf_24.11_slice_13.jpg" width="147" height="59"></td>
</tr>
<tr>
<td><img src="images/entwurf_24.11_slice_14.jpg" width="41" height="9"></td>
<td><img src="images/entwurf_24.11_slice_15.jpg" width="136" height="9"></td>
<td><img src="images/entwurf_24.11_slice_16.gif" width="146" height="9"></td>
<td><img src="images/entwurf_24.11_slice_17.gif" width="161" height="9"></td>
<td><img src="images/entwurf_24.11_slice_18.gif" width="133" height="9"></td>
<td><img src="images/entwurf_24.11_slice_19.jpg" width="147" height="9"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td height="31" valign="top"><img src="images/navi/start.gif" width="136" height="31"></td>
<td colspan="4" rowspan="7" valign="top" class="tableback-logo">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><p>fdkjg</p>
<p>df</p>
<p>ggf</p>
<p>gf</p>
<p>hgf</p>
<p>fg</p>
<p>hdf</p>
<p>ghb</p>
<p>dgfh</p>
<p>fdh</p>
<p>df</p>
<p>ghb</p>
<p>dgf</p>
<p>hb</p>
<p>dgfhb</p>
<p>dgf</p>
<p>h</p>
<p>gf</p>
<p>hfghb</p></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
<td height="31" valign="top"><img src="images/navi/team.gif" width="136" height="32"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td height="31" valign="top"><img src="images/navi/leistungen.gif" width="136" height="32"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td height="31" valign="top"><img src="images/navi/service.gif" width="136" height="33"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td height="31" valign="top"><img src="images/navi/kontakt.gif" width="136" height="32"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td height="31" valign="top"><img src="images/navi/notfall.gif" width="136" height="33"></td>
</tr>
<tr>
<td><img src="images/entwurf_24.11_slice_23.gif" width="41" height="296"></td>
<td valign="top"><img src="images/entwurf_24.11_slice_24.gif" width="136" height="296"><br>
</td>
</tr>
</table>
</body>
</html>
 
Ich kann das Problem nicht nachvollziehen, da ich keinen Fehler finde, und es funktioniert. Zudem bin ich mir 100%ig sicher, dass der IE ab Version 2.0 (und Netscape ab 1.1) den Befehl valign="top" unterstützt.
 
versteh ich nicht

also ich hab Opera 7 und IE 6 und da seh ich doch
wie der IE die Sache verhackstückt. Woran kann das den sonst noch liegen?
 
ich hab da was entdeckt - weiß allerdings nicht, ob das rihctig ist: du hast da immer eine leere tabellenzelle drin. wennde das benutzt, um abstände zu bekommen, dann biste auf dem holzweg!

naja, und um sich das besser vorstellen zu können wäre es schon sehr hilfreich, wennde mal den link hier posten könntest. denn ohne die bilder seh ich mich nich wirklich dadurch.

danke
lukas
 
Hier die Screenshots:


ie.jpg



opera.jpg
 
hab das genze jetzt noch mal anders gebaut:
Code: 
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
 <table width=600 cellspacing="0" cellpadding="0">
  <tr height=56>
   <td colspan=2>
    <table height=124 cellspacing="0" cellpadding="0" width=600>
     <tr>
      <td width="53"><img src="images/entwurf_24.11_slice_01.jpg" width="41" height="56"></td>
      <td width="178"><img src="images/entwurf_24.11_slice_02.jpg" width="136" height="56"></td>
      <td width="191"><img src="images/entwurf_24.11_slice_03.jpg" width="146" height="56"></td>
      <td width="210"><img src="images/entwurf_24.11_slice_04.jpg" width="161" height="56"></td>
      <td width="174"><img src="images/entwurf_24.11_slice_05.jpg" width="133" height="56"></td>
      <td width="147"><img src="images/entwurf_24.11_slice_06.jpg" width="147" height="56"></td>
     </tr>
     <tr>
      <td><img src="images/entwurf_24.11_slice_08.jpg" width="41" height="59"></td>
      <td><img src="images/entwurf_24.11_slice_09.jpg" width="136" height="59"></td>
      <td><img src="images/entwurf_24.11_slice_10.jpg" width="146" height="59"></td>
      <td><img src="images/entwurf_24.11_slice_11.jpg" width="161" height="59"></td>
      <td><img src="images/entwurf_24.11_slice_12.jpg" width="133" height="59"></td>
      <td><img src="images/entwurf_24.11_slice_13.jpg" width="147" height="59"></td>
     </tr>
     <tr>
      <td><img src="images/entwurf_24.11_slice_14.jpg" width="41" height="9"></td>
      <td><img src="images/entwurf_24.11_slice_15.jpg" width="136" height="9"></td>
      <td><img src="images/entwurf_24.11_slice_16.gif" width="146" height="9"></td>
      <td><img src="images/entwurf_24.11_slice_17.gif" width="161" height="9"></td>
      <td><img src="images/entwurf_24.11_slice_18.gif" width="133" height="9"></td>
      <td><img src="images/entwurf_24.11_slice_19.jpg" width="147" height="9"></td>
     </tr>
    </table>
   </td>
  </tr>
  <tr>
   <td valign=top width=136>
    <table width=136 cellspacing=0 cellpadding=0>
     <tr>
      <td> </td>
      <td height="31" valign="top"><img src="images/navi/team.gif" width="136" height="32"></td>
     </tr>
     <tr>
      <td> </td>
      <td height="31" valign="top"><img src="images/navi/leistungen.gif" width="136" height="32"></td>
     </tr>
     <tr>
      <td> </td>
      <td height="31" valign="top"><img src="images/navi/service.gif" width="136" height="33"></td>
     </tr>
     <tr>
      <td> </td>
      <td height="31" valign="top"><img src="images/navi/kontakt.gif" width="136" height="32"></td>
     </tr>
     <tr>
      <td> </td>
      <td height="31" valign="top"><img src="images/navi/notfall.gif" width="136" height="33"></td>
     </tr>
     <tr>
      <td><img src="images/entwurf_24.11_slice_23.gif" width="41" height="296"></td>
      <td valign="top"><img src="images/entwurf_24.11_slice_24.gif" width="136" height="296"><br>
      </td>
     </tr>
    </table>
   </td>
   <td width=629 class="tableback-logo">
   <table cellspacing="0" cellpadding="0">
    <tr>
     <td><p>fdkjg</p>
     <p>df</p>
     <p>ggf</p>
     <p>gf</p>
     <p>hgf</p>
     <p>fg</p>
     <p>hdf</p>
     <p>ghb</p>
     <p>dgfh</p>
     <p>fdh</p>
     <p>df</p>
     <p>ghb</p>
     <p>dgf</p>
     <p>hb</p>
     <p>dgfhb</p>
     <p>dgf</p>
     <p>h</p>
     <p>gf</p>
     <p>hfghb</p></td>
    </tr>
   </table>
   </td>
  </tr>
 </table>
</body>
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück