Html tabel probleem - Softwareontwikkeling

maandag 18 februari 2008 12:04

Acties:

Verwijderd

Topicstarter

Ik heb hier een tabel en in Firefox doet hij precies wat ik wil, in dreamweaver ook, maar in IE niet. Ik ben er al een paar uur mee aan het stoeien, maar het lijkt niet goed te komen.

code:

<html>
<head>
<title>Untitled Document</title>
</head>
<body>
<table width="435" cellpadding="0" cellspacing="0"  border="1" >

<tr>
<td height="118" width="16">1</td>
<td colspan="2" rowspan="2" width="235" height="235">w: 235px h: 235px</td>
<td rowspan="5" width="184"><p>123412341234</p>
  <p>1234</p>
  <p>1234</p>
  <p>1234</p>
  <p>1234</p>
  <p>1234</p>
   <p>1234</p> <p>1234</p>
    <p>1234</p>
  <p>1234</p>
  <p>1234</p>
    <p>1234</p>
  <p>1234</p>
  <p>1234</p> 
  <p>1234</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
 </td>
</tr>
<tr>
<td height="117" width="16">2</td>
</tr>
<tr>
<td height="16">3</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td colspan="3">444</td>
</tr>
<tr>
<td colspan="3">444</td>
</tr>
</table>
</body>
</html>

de bedoeling is dus dat deze cell :

code:

1	<td colspan="2" rowspan="2" width="235" height="235">w: 235px h: 235px</td>

de vaste waarde blijft houden en dus niet uitgerekt wordt. Ik hoop dat iemand even kan kijken.

thx

maandag 18 februari 2008 12:06

Acties:

disjfa

be

Tabelcellen hebben geen vaste waarden. Opmaakt doe je niet met tabellen

disjfa - disj·fa (meneer)
disjfa.nl

maandag 18 februari 2008 12:37

Acties:

reddevil

Maar je kan't wel doen opmaak met tabellen, maar da's zo 'oud'..

Maar als je toch een fixed width wilt:

HTML:

1	<table style="word-wrap: break-word; table-layout:fixed; width:150px">

Werkt trouwens alleen met IE dacht ik

maandag 18 februari 2008 12:48

Acties:

Verwijderd

Topicstarter

disjfa schreef op maandag 18 februari 2008 @ 12:06:
Tabelcellen hebben geen vaste waarden. Opmaakt doe je niet met tabellen

als je een ander alternatief hebt dan hoor ik het ook graag.

Het gaat niet om de breedte, maar om de hoogte van de cel. Die moet juis fixed zijn. De tabel rekt de verkeerde cel uit zeg maar.

Hij moet eigenlijk een van de onderste cellen met 444 er in uitrekken.

Als je de code in een file plakt en opent in Firefox en IE zie je in FF hoe het moet zijn en in IE wat er fout gaat.

maandag 18 februari 2008 13:52

Acties:

Krooswijk.com

zoiets:

Cascading Stylesheet:

div.table-cell {
  display: block;
  width: 235px;
  height: 235px;
}

en

HTML:

1
2
3

<td>
  <div class="table-cell">inhoud</div>
</td>

plus evt bovengenoemde toevoegingen

Toevoeging:

verander je tabelstructuur dan in onderstaande:

HTML:

<table border="1">
  <tr>
    <td>
      <table border="1">
        <tr>
          <td>1</td>
          <td rowspan="2" colspan="2">1</td>
        </tr>
        <tr>
          <td>1</td>
        </tr>
        <tr>
          <td>1</td>
          <td>1</td>
          <td>1</td>
        </tr>
        <tr><td colspan="3">1</td></tr>
        <tr><td colspan="3">1</td></tr>
      </table>
    </td>
    <td>1</td>
  </tr>
</table>

en regel met css netjes de opmaak van de tabel. De height kun je dus niet op een td/tr element zetten, maar wel op een div element erbinnenin.

[ Voor 61% gewijzigd door Krooswijk.com op 18-02-2008 14:13 ]