Home/ Questions/Q 9060973
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T15:22:08+00:00

I have a webpage with following iframe code. <div style=height: 300px;> <iframe src=http://www.journaldev.com/wp-content/uploads/jquery/jquery-add.html style=width:

  • 0

I have a webpage with following iframe code.

<div style="height: 300px;">
<iframe src="http://www.journaldev.com/wp-content/uploads/jquery/jquery-add.html" 
style="width: 300px;height: 300px;text-align:center;"></iframe>
</div>

Problem is that when page loads, iframe size gets converted to 304×154, I am not sure why it’s happening. I understand that 4px are getting added because of border, but not sure why height is getting changed to 150px. I want it to be the height I am specifying in style.

My page URL: http://www.journaldev.com/1028/jquery-add-selector-add-element-and-add-html-example

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <iframe src="http://www.journaldev.com/wp-content/uploads/jquery/jquery-add.html" <br />
style="width: 300px;height: 300px;text-align:center;"></iframe>

    u use BR tag in the middle of iframe without closing it !

    change it to

    <iframe src="http://www.journaldev.com/wp-content/uploads/jquery/jquery-add.html"
style="width: 300px;height: 300px;text-align:center;"></iframe>

    as a note:

    u dont need to use br tag in your html source file, it will affect after parsing the web page

    • 0