<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Software and Technology Ramblings &#187; Google Maps</title>
	<atom:link href="http://blog.eastfacesoftware.com/category/google-maps/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.eastfacesoftware.com</link>
	<description>A blog of software design, architecture, and other unread ramblings.</description>
	<lastBuildDate>Wed, 19 May 2010 20:43:38 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Google Maps Info Window Too Big &#8211; Fixed!</title>
		<link>http://blog.eastfacesoftware.com/2009/09/09/google-maps-info-window-too-big-fixed/</link>
		<comments>http://blog.eastfacesoftware.com/2009/09/09/google-maps-info-window-too-big-fixed/#comments</comments>
		<pubDate>Wed, 09 Sep 2009 15:13:27 +0000</pubDate>
		<dc:creator>Doug Hays</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Google Maps]]></category>

		<guid isPermaLink="false">http://blog.eastfacesoftware.com/?p=54</guid>
		<description><![CDATA[It always feels good to solve a long-standing and puzzling issue.  Today&#8217;s fix has to do with a Google Maps window that was about 50% taller than it had to be:

After several rounds of setting fixed widths inside the info window&#8217;s HTML content, I added the following CSS for .gmapmarker which is the class of [...]]]></description>
			<content:encoded><![CDATA[<p>It always feels good to solve a long-standing and puzzling issue.  Today&#8217;s fix has to do with a Google Maps window that was about 50% taller than it had to be:</p>
<p><img class="alignnone size-full wp-image-57" title="Google Maps Info Window - Too Tall" src="http://blog.eastfacesoftware.com/wp-content/uploads/2009/09/Picture-6.png" alt="Google Maps Info Window - Too Tall" width="407" height="365" /></p>
<p>After several rounds of setting fixed widths inside the info window&#8217;s HTML content, I added the following CSS for .gmapmarker which is the class of the div that wraps all of my info window&#8217;s content:</p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 318px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">#gmapmarker {</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 318px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;"><span style="white-space: pre;"> </span>display: block;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 318px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;"><span style="white-space: pre;"> </span>max-height: 185px;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 318px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">}</div>
<pre class="code">.gmapmarker {
    max-height: 185px;
}</pre>
<div></div>
<div>And that did the trick:</div>
<div><img class="alignnone size-full wp-image-58" title="Google Maps Info Window - Height Fixed" src="http://blog.eastfacesoftware.com/wp-content/uploads/2009/09/Picture-7.png" alt="Google Maps Info Window - Height Fixed" width="404" height="307" /></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.eastfacesoftware.com/2009/09/09/google-maps-info-window-too-big-fixed/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
