google map elcsúszás

**Ekim** · 2009-02-24, 22:56

Sziasztok.

Az alap problémám: az oldal amit csinálok tartalmaz egy google map térképet. A térképet egy DIV tag-be rakom bele. Amennyiben a DIV-nek %-ban adom meg a magasságát akkor a térkép nem a jelenik elcsúszik, rossz pozicióba jelenik meg.
Ki lehet ezt védeni? Vagy mit javasoltok? Köszönö előre is a segítségetek!
Itt van a css részlet

#map
{
position:absolute;
float:left;
top:160px;
left:23%;
height:60%
width:61%;
margin:0;
padding:0;
background-color:#3399FF;
}
amikor meghívom:
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
map.setCenter(new GLatLng(47.187087629614254, 18.42235565185547), 13);

Hasonló témák:

**sbs** · 2009-02-24, 23:26

Kéne látni az eredményt is, hogyan is néz ki az oldalon.....

**Ekim** · 2009-02-25, 06:54

SZétbombáztam a kódot, hogy csak a lényeget küldjem, az az eredménye hogy most már nem hogy elcsúszva, de egy meg sem jelenik a térkép ha % a magasság. Ha fix re teszed (mondjuk 100px) akkor jó.
(gondolom az API -key el senki nem él vissza)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<html>
<head>
<title>Untitled Document</title>

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAKfa-z2kZqJrBknqPIjKmahTfkR0ka-Hrhkh2etCNEOJS1XDtBhSTKsKL2rMyAymHi3oIoJFN7NOuig"
type="text/javascript" ></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8HU">

<style type="text/css">

</style>

</head>

<body>

<div id="map" style="float:left;top:30px;left:23%;height:60%;wid th:61%;margin:0;padding:0;background-color:#3399FF;}</style>">

<script type="text/javascript">
//<![CDATA[

var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
map.setCenter(new GLatLng(47.187087629614254, 18.42235565185547), 13);

//]]>
</script></div>
</body>
</html>