InfoWindow is blank

[Dev Web]

I would be very grateful if someone could explain why my simple info window on a masingle marker is not showing a name, address and tel. no.

I have searched the posts and cannot see this being raised.

It is a site in development:

http://www.rubby.sitesoon.co.uk/find.php

 

If I try and highlight the info window area and copy, when pasted into notepad, there is a 20 or so line blank gap, then the first line of the name appears.

I have searched my CSS in relation to this area and cannot for the life of me see anything that would cause this, I must be missing something obvious.

Thank you to anybody willing to have a look.

[geoco...@gmail.com]

It is a problem with your css. If I remove your css and add:
<style type="text/css">
#map_canvas {
border: 1px solid #09BF4D;
width: 570px;
height: 450px;
margin: 0px auto 10px auto;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: small;
color: #666666;
}
</style>

the infowindow content shows up in a local version.

-- Larry

[Dev Web]

Thank you so much Larry, it is now showing.

 

In the Google code, which was from an example, I renamed the infowindow div to test as below:

 

 var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
     var contentString = '<div id="test">'+

 It was  id="content" in the example and I have a div with the ID of content already in the page, perhaps that was affecting it.

 

I do not that there are vertical scrollbars for the div and if it were just that 30 px higher, they would not be needed.

Is there a simple example you could give me please to increase the height, (or even widths would be very handy sometimes)

 

Thanks