Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum
https://www.tinywebgallery.com/forum/

Heigh resize not working in Safari/Chrome
https://www.tinywebgallery.com/forum/viewtopic.php?f=21&t=3856
Page 1 of 1

Author:  hjelmeweb [ 8. May 2015, 11:24 ]
Post subject:  Heigh resize not working in Safari/Chrome

http://testsite1.hjelmeweb.no/booking/

Try clicking the "Søk" button.
Works fint in Firefox and IE, but the iframe does not work for Chrome and Safari.

The iframe is not on the same domain so I'm using the height workaround.

Do you have any idea how to fix this?

Thanks

Author:  TinyWebGallery [ 8. May 2015, 11:48 ]
Post subject:  Re: Heigh resize not working in Safari/Chrome

Safari/chrome have a problem meassuring the body.

I have played around and you can specify
content-full-width
as the element that should be measured.


or you can set
var additional_styles_wrapper_div="overflow:auto";

as config parameter for the ai_external.js script. this worked for me as well.

Best, Michael

Author:  TinyWebGallery [ 8. May 2015, 11:59 ]
Post subject:  Re: Heigh resize not working in Safari/Chrome

I will also test if I see any issues using this fix generally.

Please provide feedback which solution you use.

Best, Michael

Author:  TinyWebGallery [ 8. May 2015, 12:07 ]
Post subject:  Re: Heigh resize not working in Safari/Chrome

I found the reason why this is happening. The element that hold the content is
<div id="content-full-width">

but this has a float:left.
Therefore in chrome the outer elements do not expand to the height.
And here is the solution I already told you with the overflow:
http://webdesignerwall.com/tutorials/css-clearing-floats-with-overflow

So
var additional_styles_wrapper_div="overflow:auto";
is the way to go.
I will also add this to the next version of AIP.

Best, Michael

Page 1 of 1 All times are UTC + 1 hour [ DST ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/