asked on
extra space below iframe
Hi..i have a problem with iframe where there is extra space under iframe. I try to remove it by adjusting the height but the content inside the iframe become shorter.
Here is my code:
<div style="border:1.5px solid #000;">
<div id="contentframe" style="position:relative; top: 0px; left: -380px;">
<iframe src="http://10.101.130.79/weathermap.html" frameborder="0" scrolling="no" width="1380" height="845" style="transform: scale(0.5);"></iframe>
</div>
i really hope somebody can help me to fix it. Thank you
Here is my code:
<div style="border:1.5px solid #000;">
<div id="contentframe" style="position:relative; top: 0px; left: -380px;">
<iframe src="http://10.101.130.79/weathermap.html" frameborder="0" scrolling="no" width="1380" height="845" style="transform: scale(0.5);"></iframe>
</div>
i really hope somebody can help me to fix it. Thank you
Web Development
Last Comment
Julian Hansen
That code is obviously just a snippet - can you show us the full listing (preferably a link) and a screen shot to show us what we should be looking for.
What are you trying to achieve with this line
<div id="contentframe" style="position:relative; top: 0px; left: -380px;">
Pasting this into jsfiddle just gives a blank box. Can you provide a live example?
ASKER
<div id="contentframe" style="position:relative; top: 0px; left: -380px;"> :i used this to control the position of my iframe
Capture1.PNG
Capture1.PNG
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
thanks for your respond...at first, i have to embed the whole website into the iframe and i set the width and height (width="1380" height="845") for that purpose but unluckily it produce the bigger size and i need to resize it so that it fit the border size. That's why i used style="transform: scale(0.5);" and the website become smaller and left the white space. I want to know how to remove the extra space.
here is my jsfiddle:
https://jsfiddle.net/wcu2hzjx/2/
here is my jsfiddle:
https://jsfiddle.net/wcu2hzjx/2/
Yes but you are contradicting yourself in the code - first you are saying I want the width to be 1380 then you are saying make the width half that - does not make sense.
If you want your iframe to fit width wise make the width 100%
If you are going to style your iframe you must do it as an element not a class - in your css you had
.iframe
Instead of
iframe
Your <div> tags where unmatched.
You had styling in your iframe to move left.
Here is a start https://jsfiddle.net/nxxv9410/
If you want your iframe to fit width wise make the width 100%
If you are going to style your iframe you must do it as an element not a class - in your css you had
.iframe
Instead of
iframe
Your <div> tags where unmatched.
You had styling in your iframe to move left.
Here is a start https://jsfiddle.net/nxxv9410/
ASKER
Thank you for your help sir...it help me alot
Do you still require assistance on this?
If not you can close the question by selecting the answer that best fits your requirements and close the question.
If not you can close the question by selecting the answer that best fits your requirements and close the question.