Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to get height=100% on <object> Embed

Tags:

I'm trying to insert the following code but it is not working. I am not able to get 100% height with this. Can anyone help me? Thanks!

<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> 
like image 461
user2261793 Avatar asked May 16 '13 09:05

user2261793


People also ask

How do you use 100 height in CSS?

Syntax: To set a div element height to 100% of the browser window, it can simply use the following property of CSS: height:100vh; Example: HTML.

What does HTML height 100% mean?

For years, the answer was the following: html { height: 100%; } body { min-height: 100%; } This allows the HTML element to reference the parent viewport and have a height value equal to 100% of the viewport value.


2 Answers

Use 100vh for height, if you want to span the embed-object over the full-screen.

<body>    <object data="EmbedPage.html" type="text/html"  style="width:100%;height:100vh;">    </object> </body> 
like image 103
tak3shi Avatar answered Sep 27 '22 19:09

tak3shi


try this

<body style="overflow:hidden;height:100%;">     <object data="EmbedPage.html" type="text/html"  style="float:left;width:230px;height:100%;">     </object> </body> 
like image 26
Rohit Agrawal Avatar answered Sep 27 '22 17:09

Rohit Agrawal