Pourquoi cela ne fonctionne-t-il pas dans IE?

Question

Essayer de ceci:

______________________ 
|......|.............| 
|......|.............| 
|......|.............| 
|......|.............| 
|______|.............| 
|......|.............| 
|......|.............| 
|______|_____________| 

... mais je reçois ceci:

______________________ 
|......|.............| 
|......|.............| 
|......|.............| 
|......|.............| 
|......|.............| 
|......|.............| 
|______|.............| 
|______|_____________| 

Voici le code:

<div style="width:100%" align="center"> 
<div style="width: 1100px; padding: 18px; position:absolute; top: 168px; left: 15%; align: left"> 
<div style="width:100%"> 

<table style=" width:100%;"> 
    <tr valign="top"> 
    <td style="width:170px; height:475px;"> 
     <div id="vertnav" style="width:170px">NAVBAR</div> 
    </td> 

    <td width=12px></td> 

    <td rowspan="2"> 
     <div style=" background-color: #f6efdf; padding: 0px 20px 0px 20px; height:590px; overflow-y: scroll;">CONTENT</div> 
    </td> 
    </tr> 


    <tr> 
    <td></td><td></td> 
    </tr> 
</table> 
</div> 
</div> 
</div> 

la hauteur de la cellule de la barre de navigation devrait être 475, et La hauteur de la cellule de contenu devrait être 590px. Avec la cellule de hauteur de contenu couvrant deux lignes, cela devrait faire l'espace sous la barre de navigation ~ 125px. Cela fonctionne en FF, mais c'est plus comme 5px dans IE.

Qu'est-ce que je (ou IE) fais mal?

Answer 1

IE a des problèmes avec le contenu des cellules de table. Il ne montre pas du tout les cellules vides. Essayez de mettre un   dans chaque cellule vide.

Et une pensée générale - se débarrasser de la table.

Answer 2

Il ne sera pas validé pour un démarrage - le bit 'width = 12px' a besoin de guillemets autour de la valeur.

<td></td> paires sans un caractère intermédiaire (peut-être  ) sont susceptibles de vous donner des résultats étranges. Mais assurez-vous qu'il valide avant de s'inquiéter des différences du navigateur.