3x3 table avec coins fixes

Question

J'essaie de faire un cadre dans ce cas une table 3x3 (en utilisant CSS) en gardant les coins fixés en taille et en faisant le reste de la table étirer selon la «cellule» à l'intérieur. En utilisant les tables classiques, cela ne m'aurait probablement pas pris plus de 10 minutes, mais parce que j'ai rencontré des problèmes avec les tables dans le passé * toux * toux IE * toux J'ai décidé d'essayer le CSS en utilisant div-s et span- s mais pour une raison quelconque, il ne montre pas juste.

Puis-je avoir des conseils?

Answer 1

Je ne suis pas sûr je comprends votre bonne question, mais je pense que vous êtes à la recherche de <div> s avec 33% de sa largeur, avec une compensation <br /> après tous les trois (ou vous pouvez conserver chaque ligne un div contenant de son propre):

CSS:

.col { 
    float: left; 
    width: 33%; 
    } 

    /* color columns for clarity */ 
    .odd { 
    background-color: #999; 
    } 

    .even { 
    background-color: #666; 
    } 

HTML:

<div class="col odd">1</div> 
<div class="col even">2</div> 
<div class="col odd">3</div> 
<br style="clear: both;" /> 
<div class="col even">4</div> 
<div class="col odd">5</div> 
<div class="col even">6</div> 
<br style="clear: both;" /> 
<div class="col odd">7</div> 
<div class="col even">8</div> 
<div class="col odd">9</div> 

Est-e à ce que vous cherchez?