CSS/HTML：無法修改顯示內的img高度：表

Question

我正在嘗試製作具有固定寬度（argh）的居中，100％高佈局。下面的解決方案似乎都可以，除了我需要調整到高度的img外：100％，這不會在表格單元格內擴展（除了div之外，一切正常）。 編輯：我能夠設置固定的高度像100px左右，無論是在CSS和標籤。爲什麼這不適用於％？

<div id="center"> 
<div id="tcontainer"> 
    <div id="tleft">a</div> 
    <div id="tright"><img id="bgright" src="images/bgright1.jpg" height="100px" /></div> 
</div> 
</div> 

和風格：

html,body { 
margin:0; 
padding:0; 
height:100%; /* needed for container min-height */ 

font-family:arial,sans-serif; 
font-size:small; 
color:#666; 
} 
#bgrepeat { /* unnecessary ATM */ 
width: 100%; 
height: 100%; 
position: absolute; 
z-index: 0; 
} 

#bgright { /* HERE THE PROBLEM */ 
height: 100%; 
} 
img { border: 0; /*float: left;*/ } 

#center { 
text-align: center; 
height: 100%; 
} 
#tcontainer { 
text-align: left; /* POTRZEBNE ? */ 
background: red; 
height: 100%; 
display: table; 
margin: 0 auto; 
} 
#tleft { 
display: table-cell; 
} 
#tright { 
background: pink; 
display: table-cell; 
} 

Answer 1

好了，問題已經禿子制定。我已經忘記了連續的孩子中通過「身高：100％」。它與顯示沒有任何關係：表格和圖像。