Got a problem showing google maps in tabs using IE. Simply the map is not shown unless I don't force a refresh of the map itself. Map is instead showing correctly on firefox/chrome/safari.
I'm using the Tabs module in conjunction with CCK Fieldgroup Tabs and the Embed Google Maps.
Having some search on google I found this known issue on the jquery-ui tab:
http://stackoverflow.com/questions/1150297/google-map-jquery-rendering-bug
In particular I read the following:
"Use the off-left technique for hiding inactive tab panels. E.g. in your style sheet replace the rule for the class selector ".ui-tabs .ui-tabs-hide" with
.ui-tabs .ui-tabs-hide {
position: absolute;
left: -10000px;
}"
I changed then the .ui-tabs-hide class in the drupal-tab.css by commenting out the visibility property. So now the class looks like
.ui-tabs-hide {
position: absolute;
left: -15000px;
top: -15000px;
/*visibility: hidden;*/
}
the issue in showing google maps seems now solved. Don't know if someone has had the same issue and may confirm this fix works.
Thx
Comments
Comment #1
GiorgosKhappens with tabs 1.3 as well on all browsers that I tested
workaround for me is to not set the width or height to 100%
if I set them in pixels all is fine