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/ |