So I’ve been developing a website and come across a particular problem. I am trying to iframe a property search however the iframe won’t adjust to the content height of 100%. I’ve tried using some of the code suggested in this thread - http://forum.joomla.org/viewtopic.php?t=612934. This doesn’t solve my issue so I’m wondering if anyone here knows the answer?
Does the iframe container have a height set? height: 100% is a tricky area and generally doesn’t work the way people expect—not with CSS, anyway. In that thread they are utilizing JavaScript, which may be your only option here. However, we’d need to see your page to be able to help.
How do you actually want this to appear? I’d suggest letting the wrapper around the iframe just sit snugly around it, rather than trying to force the height of the iframe … which is hard to do when the content is coming from an external source.
At the moment the content is coming from a Joomla module (wrapper) which links the iframe content. I’m not sure how I can enable this to fit unless I specify a pixel height.
So that’s giving the iframe a height in pixels, however on pages that display less properties the iframe remains the same height. My only other option is to have a scroll bar inside the iframe.
Hm, the Steveway page that you linked to has 2 items, and everything seems quite snug there (in Chrome). Is this a browser issue, or am I missing something?
2 items? Can you explain some more please? Basically the rentals and sales searches are there, however the problem is the height of the iframe not being 100% or aligned with the bottom of the content.