Tabellen IE gerecht erstellen

Status
Nicht offen für weitere Antworten.

_voodoo

Erfahrenes Mitglied
Hallo liebe Gemeinde :)

Also ich fass mich kurz und verweise auf die zwei Motive im Anhang.
Der html Code ist recht simpel so:
Code:
<table>
  <tr>
    <td height="15">Links Oben</td>
    <td rowspan="2">Recht Oben+Unten</td>
  </tr>
  <tr>
    <td>Links Unten</td>
  </tr>
</table>

Wie bekomm ich es nun hin dass auch der dumme IE es schafft die obere Zelle mit einer Höhe von 15px und den untere mit dem rest der Tabelle darzustellen?
 
Hast du es schonmal mit der Style-Eigenschaft versucht
Code:
 <table>
  <tr>
    <td style="height:15px">Links Oben</td>
    <td rowspan="2">Recht Oben+Unten</td>
  </tr>
  <tr>
    <td>Links Unten</td>
  </tr>
</table>
 
Nein, hilft leider nicht :(

Wie gesagt der Firefix interpretiert es so wie ich es mir
wünsche, nur der IE wehrt sich :mad:

kommt schon, muss doch jmd wissen ;)
 
Code:
<table border="1" height="100%">
  <tr>
    <td height="15">Links Oben</td>
    <td rowspan="2">Recht Oben+Unten</td>
  </tr>
  <tr>
    <td>Links Unten</td>
  </tr>
</table>

hilft dir das evtl weiter
 
Hab den Original Code nicht grundlos auf den wesentlichen Teil reduziert.
(Ich lass den Rest jetzt einfach mal drin evtl. sieht da jmd den Fehler :) )
PHP:
<table width="500"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="25" background="images/win1_01.jpg" height="24"></td>
    <td align="left" background="images/win1_04.jpg"><img src="images/win1_02.jpg" width="69" height="24"></td>
    <td width="26" background="images/win1_05.jpg" height="24"></td>
  </tr>
  <tr>
    <td background="images/win1_08.jpg"></td>
    <td bgcolor="202020">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
       <td class="box3"><img src="images/spacer.gif" width="1" height="10"></td>
      </tr>
     </table>
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
       <td class="box2"><img src="images/spacer.gif" width="1" height="10"><b>'.$get['titel'].'</b></td>
      </tr>
     </table>
     <! Hier geht die böse Tabelle los >
     <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="1" style="table-layout:fixed">
      <tr>
       <td class="box" width="20%" align="center" style="height:85px"><img src="images/kategorie/news_'.$row['kurz'].'.jpg" width="80" height="80"></td>
       <td class="box" rowspan="9" width="80%" valign="top">'.format_text($get['message']).'</td>
      </tr>
      <tr>
       <td class="box" width="20%" style="height:15px">'.$row['name'].'</td>
      </tr>
      <tr>
       <td class="box" width="20%" style="height:15px"><img src="images/spacer.gif" width="1" height="10"></td>
      </tr>
      <tr>
       <td class="box" width="20%" style="height:15px">gepostet von</td>
      </tr>
      <tr>
       <td class="box" width="20%" style="height:15px"><a onfocus="if(this.blur)this.blur()" href="?go=member&detail='.$get['mID'].'">'.$get['nick'].'</a></td>
      </tr>
      <tr>
       <td class="box" width="20%" style="height:15px">am '.formattime($get['datum'], date).'</td>
      </tr>
      <tr>
       <td class="box" width="20%" style="height:15px">um '.formattime($get['datum'], time).' Uhr</td>
      </tr>
      <tr>
       <td class="box" width="20%" style="height:15px">'.make_news_url($get['relink']).'</td>
      </tr>
      <tr>
       <td class="box" width="20%"><img src="images/spacer.gif" width="1" height="10"></td>     <! Hier ist die dynamische Zelle, die je nach Tabellenhöhe alles auffüllt >
      </tr>
     </table>
     <! Hier hört die böse Tabelle auf >
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
       <td class="box2" width="20%"><img src="images/spacer.gif" width="1" height="10">Kommentare:</td>
       <td class="box2" width="80%" colspan="2"><img src="images/spacer.gif" width="1" height="10"><a onfocus="if(this.blur)this.blur()" href="?go=news&action=postcomment&ID='.$get['ID'].'">Kommentar verfassen</a></td>
      </tr>
     </table>
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
       <td class="box2" align="center"><a onfocus="if(this.blur)this.blur()" href="javascript:history.back();">zur&uuml;ck</a></td>
      </tr>
     </table>
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
       <td class="box3"><img src="images/spacer.gif" width="1" height="10"></td>
      </tr>
     </table>
    </td>
    <td background="images/win1_12.jpg"></td>
   </tr>
   <tr>
    <td background="images/win1_13.jpg" width="25" height="27"></td>
    <td align="right" background="images/win1_14.jpg"><img src="images/win1_16.jpg" width="115" height="27"></td>
    <td background="images/win1_17.jpg" width="26" height="27"></td>
  </tr>
 </table>
 
Nein, das ist der Bereich für den Content - und ja ich weiß
es "durcheinander" ist. Sage ich dem, der mir den Rohbau
(das Template) gibt auch immer ;)
 
Status
Nicht offen für weitere Antworten.
Zurück