Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: iframe height fit

pabloabl premium asked 4 years ago

I made the layout with the tutorial from https://mdbootstrap.com/education/bootstrap/admin-dashboard-introduction/

I have a problem with iframe height. In the <main> tags I have an iframe that refers to the pages:

<iframe src="mypage.html" id="content_all" frameborder="0" style="display:block; height:100%; width:100%;"></iframe>

The width works 100% well but the height does not.

Thank you very much for the help.

I attach two images where the problem is seen.

enter image description here enter image description here

Tomek Makowski staff answered 4 years ago

Hi

Could you please add your code into snippet editor? I'll try to find the issue.

https://mdbootstrap.com/snippets/

Regards

pabloabl premium commented 4 years ago

Hi Tomek, thanks for your answer, this is the link https://mdbootstrap.com/snippets/jquery/pabloabl/2206595?action=forum_snippet

Thanks and best regards. Pablo.

Grzegorz Bujański staff commented 4 years ago

Hi. Iframe is set up well. But notice that you set 100% of the height of the parent element. In this case, this refers to body. Body is too low. Change body height for example to 1000px.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.19.0
  • Device: PC
  • Browser: Chrome
  • OS: Win10
  • Provided sample code: Yes
  • Provided link: Yes
Tags
jquery iframe main
About author
pabloabl
Premium support 59Support score
7Questions 2Answers 2Snippets