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

GiorgosK’s picture

Title: Google maps not rendered correctly on IE-6 » Google maps not rendered correctly

happens 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