2013-05-16 10 views
9

Sto cercando di inserire il seguente codice ma non funziona. Non riesco a ottenere un'altezza del 100% con questo. Qualcuno può aiutarmi? Grazie!Come ottenere altezza = 100% su <object> Incorpora

<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

risposta breve è che il contenitore deve essere al 100%. –

risposta

3

provare questo

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

Non funziona ... Non ho il 100% di altezza Dai un'occhiata alla schermata qui: http://clip2net.com/s/54unnx – user2261793

+0

puoi semplicemente metterlo su jsfiddle.net –

+0

Qualsiasi altro idea? Mille grazie! – user2261793

2

sufficiente rimuovere dalla tabella.

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

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

100% in una cella di una tabella è sempre un dolore. Tecnicamente parlando un TD non ha altezza (perché questo dipende dal suo contenuto). Quello che chiedi al browser di fare è rendere il bambino 100% del suo genitore, che è il 100% del suo bambino, che è il 100% del suo genitore ... Puoi vedere come questo potrebbe essere un problema.

Si potrebbe provare ad aggiungere un'altezza esplicita al TD e utilizzando il layout della tabella: fissato sul tavolo. Almeno in questo modo il browser conosce l'altezza del genitore senza aver bisogno dell'altezza del bambino ma potrebbe non funzionare ancora.

Potrebbe essere necessario ripensare a come procedere.

Questo vi mostra il risultato con un'altezza set e utilizzando 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/

Spero che questo aiuti

+0

Grazie per la risposta, ma continuo a vedere la pergamena, Non ho bisogno di scroll + usando l'elemento table perché la pagina consiste di più elementi di base sui tavoli, cambia tutta la pagina è molto complicata ... Non c'è altro modo in cui posso farlo? – user2261793

+0

Spero che quanto sopra aiuti – Ma9ic

+0

Grazie, Inizio a pensare che è più complicato di riscrivere il codice con le div ... In ogni caso, non posso usare iframe, ho bisogno di usare solo l'elemento OBJECT, Come posso disabilitare lo scroll sulla versione "div"? (e ottiene sempre il 100% di altezza "automaticamente") 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>