rowspan frage....

DieterWeber

Mitglied
erstmal der code:

<table width="989" border="1" cellpadding="0" cellspacing="0" align="center" valign="top">
<tr>
<td colspan="7" style="background-image:url(img/hmh_01.gif);background-repeat:no-repeat" width="989" height="138"></td>
</tr>
<tr>
<td colspan="3" style="background-image:url(img/hmh_02.gif);background-repeat:no-repeat" width="162" height="22"></td>
<td style="background-image:url(img/hmh_03.gif);background-repeat:no-repeat" width="667" height="22"></td>
<td colspan="3" style="background-image:url(img/hmh_04.gif);background-repeat:no-repeat" width="160" height="22"></td>
</tr>
<tr>
<td style="background-image:url(img/hmh_05.gif);background-repeat:no-repeat" width="13" height="287"></td>
<td style="background-image:url(img/hmh_06.gif);background-repeat:no-repeat" width="102" height="287"></td>
<td style="background-image:url(img/hmh_07.gif);background-repeat:no-repeat" width="47" height="287"></td>

<td rowspan="2" width="667" bgcolor="#1B1B20">
-----Hier soll der content rein---------------------
</td>

<td style="background-image:url(img/hmh_09.gif);background-repeat:no-repeat" width="46" height="287"></td>
<td style="background-image:url(img/hmh_10.gif);background-repeat:no-repeat" width="101" height="287"></td>
<td style="background-image:url(img/hmh_11.gif);background-repeat:no-repeat" width="13" height="287"></td>
</tr>
<tr>
<td colspan="3" style="background-image:url(img/hmh_12.gif)" width="162">&nbsp;</td>
<td colspan="3" style="background-image:url(img/hmh_13.gif)" width="160">&nbsp;</td>
</tr>
<tr>
<td colspan="7" style="background-image:url(img/hmh_16.gif);background-repeat:no-repeat" width="989" height="63"></td>
</tr>
</table>

also mein problem is folgendes:
wenn das <td> wo der content reon soll, höher als das td davor wird (mit gif 5,6,7) verzieht sich die tabelle. deswegen hab ich in das content <td> nen rowspan reingepackt und in das nächste <tr> ein <td> mit nem bgimage das sich verdoppeln kann um so die differenz in der höhe auszugleichen. das problem ist aber wenn der content nun grösser wird, wird nicht das td grösser gemacht was sich repeaten darf sondern das erste <tr> aus dem rowspan wird grösser (mit gif 5,6,7)
wer sich das dilemma ma ansehen will

http://hering.d2g.com/hmh2/hmh.html

(is nen dyndns und nich den ganzen tag an)
da sieht man wie durch das langziehen des content rechts und links eine lücke entsteht.

danke schoma im vorraus für hilfe, sitze da jetzt scho lange dran und han scho die ganze münz-bibel mehrfach gewälzt :)
 
hab mal ein wenig "rumprobiert" und bin zu dem Schluss gekommen, daß Du die Tabelle etwas umbauen musst, damit es funktioniert.

so geht's:
Code:
<html>
<head>
<title>6D6D73</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#6D6D73" text="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
 <table width="989" border="0" cellpadding="0" cellspacing="0" align="center" valign="top">
  <tr>
   <td colspan="3" style="background-image:url(img/hmh_01.gif)" width="989" height="138"></td>
  </tr>
  <tr>
   <td style="background-image:url(img/hmh_02.gif)" width="162" height="22"></td>
   <td style="background-image:url(img/hmh_03.gif)" width="667" height="22"></td>
   <td style="background-image:url(img/hmh_04.gif)" width="160" height="22"></td>
  </tr>
  <tr>
   <td valign="top" height=100%>
    <table border="0" cellpadding="0" cellspacing="0" height="100%">
     <tr>
      <td style="background-image:url(img/hmh_05.gif)" width="13" height="287"></td>
      <td style="background-image:url(img/hmh_06.gif)" width="102" height="287"></td>
      <td style="background-image:url(img/hmh_07.gif)" width="47" height="287"></td>
     </tr>
     <tr>
      <td colspan=3 height="100%" style="background-image:url(img/hmh_12.gif)" width="162"></td>
     </tr>
    </table>
   </td>
   <td width="667" bgcolor="#1B1B20"><br><br><br><br><br><br>Content-Bereich<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td>
   <td valign="top" height=100%>
    <table border="0" cellpadding="0" cellspacing="0" height="100%">
     <tr>
      <td style="background-image:url(img/hmh_09.gif)" width="46" height="287"></td>
      <td style="background-image:url(img/hmh_10.gif)" width="101" height="287"></td>
      <td style="background-image:url(img/hmh_11.gif)" width="13" height="287"></td>
     </tr>
     <tr>
      <td colspan=3 style="background-image:url(img/hmh_13.gif)" width="160" height="100%"></td>
     </tr>
    </table>
   </td>
  </tr>
  <tr>
   <td colspan="7" style="background-image:url(img/hmh_16.gif)" width="989" height="63" align="center"></td>
  </tr>
 </table>
</body>
</html>

also mit einer neuen Tabelle innerhalb der Haupttabelle. Diese dann auf height=100% und die untere (sich "dehnende") Zelle auch.
Damit es richtig funzt muss das <td> in dem die Tabelle steht auch eine Größe bekommen. Welche ist unwichtig, da der Inhalt die Tabelle austomatisch streckt. Ich hab hier 100% angegeben ;)


Dunsti
 

Neue Beiträge

Zurück