CODEWITHSUNDEEP
htmlcssdynamic
RatherLogical
RatherLogical

Reputation: 310

How to Make height:"100%" work HTML5

I am trying to embed this in my site and make my site resize to fit the content so the container with the embedded content has no scroll bar, only the main page (hope this makes sense). Below is what I am doing now, however height 100% won't work

<embed src="https://shop.inventarnd.com/index.php?rt=product/product&product_id=124" style="width: 100%; height: 100%">

The width is working but height does not work.

I have already tried the following

https://www.inventarnd.com/test.html

I want to have this web page embedded on my site and have the scroll bar not be there. So have the web page automatically resize to fit the embedded content.

Upvotes: 0

Views: 36

Answers (2)

501st_General
501st_General

Reputation: 26

You could use an iframe, this might solve your problem.

Upvotes: 1

user5037898
user5037898

Reputation: 

embed {
  position: absolute;
  top: 0px;
  left: 0px;
}

The background is clear, so the previous page will show through but the scrollbar and content are all ok. I would change the background to white as well, but I'm not sure what you are and aren't able to do.

Upvotes: 0

Related Questions