Link to home
Start Free TrialLog in
Avatar of Ted Penner
Ted PennerFlag for United States of America

asked on

Ask iframe to use entire area

Here is the actual page.  Here is a video showing a visual of the trouble I am having http://screencast.com/t/zjXoRWfkmR31 and the iframe syntax is below.  Assistance is greatly appreciated.
<iframe src="https://docs.google.com/forms/d/138XZwm17GPB8Gy0zbsUNV-eQFPa7_o_7pbHzrE7Ho0k/viewform?embedded=true" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="100%" width="100%">Loading...</iframe>

Open in new window

Avatar of duncanb7
duncanb7

You need to set iframe parent node to fix width and height,
width=100% is inherited from his parent node, try this for exmaple
 such as body or div tag
<body style="width:1000px; height:1000px">
<iframe src="https://docs.google.com/forms/d/138XZwm17GPB8Gy0zbsUNV-eQFPa7_o_7pbHzrE7Ho0k/viewform?embedded=true" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="100%" width="100%">Loading...</iframe>
</body>

Open in new window


Duncan
Avatar of Ted Penner

ASKER

Very interesting.  body style gets stripped from the syntax by default?
body style gets stripped from the syntax by default?

What is that mean ? Pleae write it in detail

set the width and height for your wrapper tag to iframe if
you want to use width="100%"

I tested it works at my side

Duncan
Here is my attempt in detail http://screencast.com/t/XHXu0VCdfZK2
you question is "Ask iframe to use entire area"

Could you send us your actul page at http://frugalmule.com/payreq/ ?

Otherwise, it is hard to understand what you want

Duncan
Now I am not sure what you mean?
It is a wordpress page.
Here is a detailed video showing what is happening http://screencast.com/t/XHXu0VCdfZK2.

Here is the page www.frugalmule.com/payreq.
Could you send  the index.php to us at
http://frugalmule.com/payreq/index.php ?
Your issue the iframe is that site could not get entire page Right ?


Duncan
Thank you for looking.

Here is a screenshot of it also in notepad ++  http://screencast.com/t/oIBwMq0w1utz
index.php.txt
ASKER CERTIFIED SOLUTION
Avatar of duncanb7
duncanb7

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Gary
Add this CSS

#main-content, #main-content article,#main-content div {
    height: 100%;
}

Open in new window

I tried example two and it worked.  It turns out it was the percentage it didn't like and I did not catch the 1000px thing which worked very well.