simulare <td colspan="3"> con DIV e CSS

emulman

simulare <td colspan="3"> con DIV e CSS

tanto per capire, supponiamo di avere questa semplice tabella:


<!DOCTYPE HTML>
<html>
<head>
  <title>Tabella con DIV e CSS</title>
  <style type="text/css">
  /*<![CDATA[*/
  #table { display: table; }
  .row { display: table-row; }
  .cell { display: table-cell; padding: 0.5em; border: 1px solid; }
  /*]]>*/
  </style>
</head>
<body>
<div id="table">
  <div class="row">
    <div class="cell">tabella con DIV e CSS</div>
  </div>
  <div class="row">
    <div class="cell">1</div><div class="cell">2</div><div class="cell">3</div>
  </div>
  <div class="row">
    <div class="cell">4</div><div class="cell">5</div><div class="cell">6</div>
  </div>
  <div class="row">
    <div class="cell">7</div><div class="cell">8</div><div class="cell">9</div>
  </div>
</div>
</body>
</html>

come si vede la scrita "tabella con DIV e CSS" appare solo nella prima colonna a sinistra! io vorrei che agisca come un

<tr><td colspan="3">tabella con DIV e CSS</td></tr>

ma sembra che in CSS sia impossibile ottenere questo risultato...qualche idea????

tigrone

@emulman said:

come si vede la scrita "tabella con DIV e CSS" appare solo nella prima colonna a sinistra!
E ti 'allarga' le celle sottostanti della sua stessa larghezza...

Io farei un div contenitore con i vari div interni relativi alle celle... con i loro width e i float.

simulare &lt;td colspan=&quot;3&quot;&gt; con DIV e CSS

simulare <td colspan="3"> con DIV e CSS