Iframe looks different on some browsers

[lambert]

Hi

Please have a look at http://onlinetravel.co.za/local-stays/

I am using the following code: <iframe src=”http://www.nightsbridge.co.za/bridge/travelbook?nbid=296&#8243; width=”100%” height=”1000″>

</iframe>

It looks fine in Safari, but in most other browsers it puts a scroll bar at the bottom.

What am I doing wrong?

[scrambler]

If the content in the iframe is not responsive and cannot scale to fit in the are you area putting it, then it will put a scroll bar.

You have to make sure the source is responsive

[lambert]

As far as I know the source is responsive, when I reduce the width of the iframe to about 700px it does tend to rearrange itself. I still find it odd that it appears perfect in Safari, but not in Firefox

[scrambler]

I definitely think it has to do with the way the content is responsive.

If I put max-width 600px on the iframe, things reorganize and there is no scroll, but if I put max-width 800px, they don’t reorganize and I get a scroll

[lambert]

Thanks, I spoke to the developer on the other site, it seems the problem is with them

[Author]

Posts