List page map width problem

January 4, 2011 at 09:40 AM

Hi,

I'm customizing the list-page to show the map below the pagination. This worked just fine until i tried setting the map-width to 100%. Then it only shows white area where the map is supposed to be. If i change the width to a set amount (eg. 400), the map displays fine.

This is my modification so far:

I copied the geomaps theme and created my own. In the listings_blogview.thtml file I moved the map-bit to just below the pagination. I have altered the geomaps.css as follows:

div#gm_listingColumn {
    border-right: 1px solid #ccc; 
    padding: 0pt 5px; 
    width: 100%; 
    float: left; 
    display: inline;
}
div#gm_mapColumn {
    top:0;
    right:0;
    height:100%;
    display: block;  

}

This is my listings_blogview.thtml file snippet where the map is put:

...
    <!-- PAGINATION ENDS HERE -->  
    <?php endif;?>

<!--  BEGIN MAP -->
<div id="gm_mapColumn">
	<?php echo $this->renderControllerView('geomaps','map_results',array('width'=>'100%','height'=>'300'));?>
</div>
<!--  END MAP -->  
...

Any ideas to why the width 100% is not working and width 400 is working fine?

Thanks!

January 4, 2011 at 11:53 AM