2012-01-30 35 views
5

bir tablo içinde çalışmaz:taşma: gizli Aşağıdaki kod çalıştığınızda, taşma gizleme (genişlediğinde) çalışmıyor

<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> 

Ancak, kodun yalnızca fragman kullandığınızda (ebeveyn div) iyi çalışıyor.

Neyi yanlış yapıyorum?

Teşekkür ederiz, Mark.

+0

Sen iç div artık belge akışı veya ana div genişlik/yükseklik ayarlarına bağlı demektir 'absolute' olmak yaptık. –

cevap

6

Tablo elemanında stil table-layout:fixed; along with overflow:hidden; ile ayarlanmalıdır.

+1

Hızlı yorum için teşekkürler! Eğer ben seni doğru anladıysam tablo şu şekilde olmalıdır:

ama yine de çalışmıyor. Yanlış bir şey mi yaptım? – Mark

+1

Hepinize teşekkürler! "Tablo düzeni: sabit; taşma: gizli;" Tablo stili, DIV'nin konumunu göreli yapmak ve ana DIV'yi silmeye devam etmek. Sen en iyisin! – Mark

3

Bu çalışması gerekir:

<td width="1024" height="100" style="display:block; overflow:hidden;"></td> 
İlgili konular