rowspan avec css

Question

ma mise en page de site Web utilise une table comme celui-ci.

<table> 
    <tr> 
    <td align="left" valign="top" rowspan="2" style="padding-right:41px;"> 
    </td> 
    <td align="left" valign="top" width="440px"> 
    </td> 
    </tr> 
    <tr> 
    <td align="left" valign="top" width="440px"> 
    </td> 
    </tr> 
</table> 

une barre de navigation sur la gauche qui occupe deux lignes et deux colonnes.

Comment puis-je traduire cela CSS? comment puis-je gérer rowspan?

J'ai lu que l'aide d'un tableau ralentira rendu la page, parce que le navigateur doit d'abord rendre toutes les colonnes avant de pouvoir rendre la table. donc si une colonne contient 1000 divs imbriqués, les autres colonnes doivent attendre pour rendre. Est-ce vrai?

Answer 1

Je pense que vous voulez quelque chose comme ceci:

CSS:

div#navBar { 
    float: left; 
    padding-right: 41px; 
} 
div.nonHeader { 
    width: 440px; 
} 

HTML:

<div id="navBar"></div> 
<div id="header" class="nonHeader"></div> 
<div id="bodyText" class="nonHeader"></div> 

qui force la barre de navigation à gauche des divs d'en-tête et le corps du texte, qui sont à largeur fixe.

Je me demande si vous ne voulez pas la barre de navigation div à largeur fixe et l'autre mais deux flexibles,.