2013-05-16 34 views
9

Tôi đang cố chèn mã sau nhưng mã này không hoạt động. Tôi không thể nhận được 100% chiều cao với điều này. Ai giúp tôi với? Cảm ơn!Cách nhận chiều cao = 100% trên <object> Nhúng

<body style="overflow:hidden;"> 
<TABLE align=left width=234 border="0" cellpadding="0" cellspacing="0"> 
<TR> 
    <TD valign=top align=center WIDTH="234" > 
     <object data="EmbedPage.html" type="text/html" style="width: 230px;height:100%;"></object> 
    </TD> 
</TR> 
</TABLE> 
</body> 
+0

Câu trả lời ngắn là container cũng nên là 100%. –

Trả lời

3

thử này

<body style="overflow:hidden;height:100%;"> 
    <object data="EmbedPage.html" type="text/html" style="float:left;width:230px;height:100%;"> 
    </object> 
</body> 
+0

Nó không hoạt động ... Tôi không nhận được 100% chiều cao Hãy xem ảnh chụp màn hình tại đây: http://clip2net.com/s/54unnx – user2261793

+0

bạn có thể chỉ cần đặt nó trên jsfiddle.net –

+0

Bất kỳ ai có ý kiến? Rất cám ơn! – user2261793

2

Chỉ cần loại bỏ nó từ bảng.

<BODY style="overflow:hidden; height:100%;"> 

<object data="http://www.misgeret.co.il/Ebay/Famus/SideMenuFamus.html" type="text/html" style="float:left;width:230px;height:100%"></object> 

</BODY> 

http://jsfiddle.net/ma9ic/QtKMa/5/

100% chiều cao trong một ô trong bảng luôn là một nỗi đau. Về mặt kỹ thuật, một TD không có chiều cao (vì nó phụ thuộc vào nội dung của nó). Những gì bạn đang yêu cầu trình duyệt làm là làm cho con 100% của cha mẹ của nó, đó là 100% con của nó, đó là 100% của cha mẹ của nó ... Bạn có thể thấy làm thế nào mà có thể là một vấn đề.

Bạn có thể thử thêm chiều cao rõ ràng vào TD và sử dụng bố cục bảng: được cố định trên bảng. Ít nhất theo cách đó, trình duyệt biết chiều cao của cha mẹ mà không cần chiều cao của đứa trẻ nhưng điều đó vẫn có thể không hoạt động.

Bạn có thể cần phải suy nghĩ lại cách bạn thực hiện việc này.

này cho bạn thấy kết quả bằng cách sử dụng một chiều cao thiết lập và sử dụng iframe

<BODY style="overflow:hidden;height:100%;"> 

<TABLE align=left width=234 border="1" cellpadding="0" cellspacing="0"> 
<TR> 
    <TD valign=top align=center WIDTH="234" height="1000"> 
    <iframe src="http://www.misgeret.co.il/Ebay/Famus/SideMenuFamus.html" style="border:0px #FFFFFF none;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="100%" width="100%"></iframe> 
    </TD> 
</TR> 
</TABLE> 

</BODY> 

http://jsfiddle.net/ma9ic/QtKMa/6/

Hope this helps

+0

Cảm ơn bạn đã trả lời, nhưng tôi vẫn thấy cuộn, Tôi không cần cuộn + sử dụng phần tử bảng bởi vì trang bao gồm nhiều yếu tố dựa trên các bảng, thay đổi tất cả các trang rất phức tạp ... Không có cách nào khác tôi có thể làm điều đó? – user2261793

+0

Tôi hy vọng những điều trên giúp – Ma9ic

+0

Cảm ơn bạn, Tôi bắt đầu nghĩ rằng nó phức tạp hơn viết lại mã với ... Dù sao, tôi không thể sử dụng iframe, tôi chỉ cần sử dụng phần tử OBJECT, Làm cách nào tôi có thể tắt cuộn trên phiên bản "div"? (và vẫn nhận được 100% chiều cao "tự động") http://jsfiddle.net/QtKMa/3/ – user2261793

1
body, html{ 
    width: 100%; 
    height: 100%; 
} 

<body> 
    <table class="flash-container" style="height: 100%; width:100%"> 
     <tr style="height: 100%; width:100%"> 
      <td style="height: 100%; width:100%"> 
       <object width="100%" height="100%"> 
        <param name="autoPlay" value="true"></param> 
        <embed allowfullscreen="true" autoPlay="true" flashvars="autoplay=true&play=ture" allownetworking="all" id="pptShow" allowscriptaccess="always" height="100%" src="http://www.weilaijiaoxue.com:9096/upload/2016/4/13/swf_20160413115509559.swf" type="application/x-shockwave-flash" width="100%"></embed> 
       </object> 
      </td> 
     </tr> 
    </table> 
</body>