2012-01-30 11 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 'absolute' है, जो यह नहीं रह गया है दस्तावेज़ प्रवाह, या उसके माता पिता div के चौड़ाई/ऊंचाई सेटिंग से संबद्ध है इसका मतलब हो सकता है बनाया है। –

उत्तर

6

आपको तालिका तत्व पर table-layout:fixed; along with overflow:hidden; के साथ शैली सेट करने की आवश्यकता है।

+1

तेजी से टिप्पणी के लिए धन्यवाद! अगर मैं आपको सही समझता हूं तो तालिका होनी चाहिए:

लेकिन यह अभी भी काम नहीं कर रहा है। क्या मैंने कुछ गलत किया? – Mark

+1

सभी लोगों को धन्यवाद! यह "टेबल-लेआउट जोड़ने के बारे में है: निश्चित; अतिप्रवाह: छुपा;" तालिका शैली में, डीआईवी की स्थिति को सापेक्ष बनाते हुए और माता-पिता डीआईवी को हटाने के लिए। आप सबसे अच्छे हो! – Mark

3

यह काम करना चाहिए:

<td width="1024" height="100" style="display:block; overflow:hidden;"></td> 
संबंधित मुद्दे