HTML div hauteur auto

J'ai une exigence où à l'intérieur d'un TR, je vais avoir trois TD. La première TD et la troisième TD doivent être défilantes et la seconde TD est une règle Image telle que diviser la première et la troisième (similaire à l'utilisation de cadres)HTML div hauteur auto

Sans régler la hauteur dans le premier TD, le défilement ne fonctionne pas et affecte également la hauteur du troisième TD . Comment faire la hauteur auto. La hauteur devrait être celle de la hauteur de la fenêtre (je vais maximiser et minimiser la fenêtre). Ont collé l'extrait de code ci-dessous

Dans le mode ci-dessous, j'ai mentionné spécifiquement la hauteur, je ne veux pas faire de cette façon. Je veux qu'il se règle automatiquement, mais avec le même résultat

<td width="55%">        
    <div style="height:350px;overflow:auto"> 
     <table cellspacing="0" cellpadding="0" border="0"> 
      <tr> 
       <td> 
        <%=passageText%> 
       </td> 
      </tr> 
     </table> 
    </div> 
</td> 
<td> 
    <img src="/Images/reads/rulerVertical.gif" width="3" height="400" border="0"/> 
</td> 
<td> 
    HERE I WILL PLACE THE STUFFS OF THIRD TD 
</td>

Source

2012-01-02 Arun

Pourquoi Mise en page-vous avec un élément de table et non avec divs flottant? – bekay

Avec un div flottant il devrait être beaucoup plus facile:

<html> 
<head> 

<style type="text/css"> 
<!-- 
body { 
    margin:0; 
    padding:0; 
    height:100% 
} 
#div1 { 
    height:100%; 
    width:50%; 
    overflow:auto; 
    display:inline-block; 
    float:left; 
    background:#6666CC; 
} 
#div2 { 
    height:100%; 
    width:45%; 
    overflow:auto; 
    display:inline-block; 
    background:#6666CC; 
    margin-left:5%; 
} 
--> 
</style> 

</head> 
<body> 

<div id="div1"> 
</div> 

<div id="div2"> 
</div> 

</body>

Source

2012-01-02 13:12:03 bekay

Merci pour la suggestion. :-) – Arun

HTML div hauteur auto

Répondre

Questions connexes