2012-01-30 8 views
5

内では動作しません、オーバーフローが動作しません隠れて(それが展開さ):オーバーフロー:隠された私は以下のコードをしようとすると、テーブル

<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td width="1024" height="100" colspan="3">&nbsp;</td> 
    </tr> 
    <tr><td width="1024"> 
    <div style="width:1024;height:436;overflow:hidden;"> 
    <div style="position:absolute;"> 
    <table border="0" cellpadding="0" cellspacing="0"><tr> 
    <td width="51"><img src="images/page1_04.jpg" width="51" height="436" /></td> 
    <td width="922" height="437"><img src="images/page1_05.jpg" width="922" height="436" /></td> 
    <td width="51"><img src="images/page1_06.jpg" width="51" height="436" onMouseOver="this.src='images/hover/page1_arrow_hover_06.jpg'" onMouseOut="this.src='images/page1_06.jpg'" /></td> 
    <td width="300"><img src="images/page2_05.jpg" /></td> 
    <td width="51"><img src="images/page2_04.jpg" width="51" height="436" onMouseOver="this.src='images/hover/page2_arrow_hover_04.jpg'" onMouseOut="this.src='images/page2_04.jpg'" /></td> 
    <td width="922" height="437"><img src="images/page2_05.jpg" width="922" height="436" /></td> 
    <td width="51"><img src="images/page2_06.jpg" width="51" height="436" /></td> 
    </tr></table> 
    </div> 
    </div> 
    </td> 
    </tr> 
</table> 

しかし、私はコードの断片のみを使用(親のdiv)それは正常に動作します。

私は間違っていますか?

ありがとうございます。 マーク。

+0

あなたは、内側のdivは、それがもはや文書フロー、またはその親のdiv者の幅/高さの設定に拘束されますを意味しない 'absolute'、ことが行われてきました。 –

答えて

6

テーブル要素にtable-layout:fixed; along with overflow:hidden;というスタイルを設定する必要があります。

+1

速いコメントありがとう!私があなたを理解していれば、テーブルは次のようになります:

でもまだ動作していません。私は何か間違ったことをした? – Mark

+1

ありがとう皆さん!それは、「テーブルレイアウト:固定、オーバーフロー:隠し」を追加することですDIVの位置を相対的にして親のDIVを削除したままにします。あなたは最高です! – Mark

3

これは動作するはずです:

<td width="1024" height="100" style="display:block; overflow:hidden;"></td> 
関連する問題