How do you set 100% height on a wordpress <iframe>?
I’ve tried a bunch of tips online but still failed, could this be cuz I’m doin’ it under wordpress? has anyone here had success doin this on wordpress? thanks!
August 5, 2010 | Filed Under WordPress
Comments
4 Responses to “How do you set 100% height on a wordpress <iframe>?”
Powered by Yahoo! Answers
check your <iframe> content in style.css file,styleie6.css file.
you will get success.
all the best.
check style.css
Your question is not clear. Set the height attribute of iframe to 100%. I think you set it auto.
Not exactly sure what you mean by 100% height. I assume that you mean that you either want the iFrame to be aligned to the top of your website page or you want the iFrame within a page to be aligned to the top of the page content area. If you have created the iFrame code yourself and not used a widget then you would add the dimensions like so <iframe id="storeframe" src="http://yourwebsitename/iframetemplatename.php" width="850" height="1580" frameborder="0"></iframe>.
By the way you phrased your question it appears that you are most likely working with an iFrame widget within a page on your WordPress site. Whichever WP iFrame widget you are using will allow you to set the height and width the same as if you were creating a custom iFrame template yourself outside of WordPress (creating it on your local computer with Dreamweaver or another program or editor). You have a code view button in WP that will let you edit the code to add the height.
I have a hunch though that what you really want to do is remove any top margins or top padding so that your iFrame is flush with the top of your website page. If my hunch is right then you will need to edit your theme’s style.css file and adjust the margins and padding in the stylesheet.
I’ll check back on this question and if you add more specific info i can give you the exact answer you are looking for. Good luck! ;)