Usuario anónimo  |  Ingresar  |  Regístrate
Mensaje dentro Ayuda

TRUCO: Cómo hacer que el mapa tenga 100% de altura

Responder 
#1 - 02/03/2007 12:39:17 Reporta abuso | Link permanente
flea0
Fecha de registro: 28/02/2007
1 post en todos los foros
TRUCO: Cómo hacer que el mapa tenga 100% de altura

Responder Citar

He visto en estos foros mucha gente preguntando cómo hacer que el mapa tenga 100% de altura, así que aquí va un truco para conseguirlo:

El problema con ponerle a algún elemento HTML height:100% es que tomará el 100% de altura de su elemento padre, y no de la página (como cabría esperar). Por tanto, lo que hay que hacer es ir colocando style="height:100%" a todos los elementos hasta llegar al <html>. Por ejemplo:

<html>
<head></head>
<body>
  <form>
  <div>
    <cc1:Gmap height="-100" width="-100">
  </div>
  </form>
</body>
</html>

quedaría

<html style="height:100%">
<head></head>
<body style="height:100%">
  <form>
  <div style="height:100%">
    <cc1:GMap height="-100" width="-100">
  </div>
</body>
</html>

¡Y ya está! Yo he tenido un problema, y es que si le pongo al GMap height="-100" no hace caso y genera height="-100px", así que tuve que añadir el siguiente código en Page_Prerender:

Dim gmapScript As String = "document.getElementById( '" + GMap1.GMap_Id + "').style.height='100%'"

Page.ClientScript.RegisterStartupScript(Me.GetType(), "gmapscript", gmapScript, True)

Y problema solucionado. Ya tengo el GMap ocupando el 100% de anchura y altura. ¡Espero que os sirva!

Pedro


 

Volver arriba

Respuestas
De en 15
#2 - 24/06/2007 0:50:35 Reporta abuso | Link permanente
gcavin
Fecha de registro: 17/04/2007
8 posts en todos los foros
RE: TRUCO: C&amp;#243;mo hacer que el mapa tenga 100% de altura

Responder Citar
El truco funciona muy bien con IE pero aparentamente no con Firefox...
Volver arriba

#3 - 03/03/2007 12:57:20 Reporta abuso | Link permanente
subgurim
Fecha de registro: 18/10/2006
2003 posts en todos los foros
RE: TRUCO: C&#243;mo hacer que el mapa tenga 100% de altura

Responder Citar
Muchas gracias flea0,

incluiré la opción del height=-100px --> height=100% en la próxima versión, así como incluiré tu código en los propios ejemplos!!

Saludos y gracias!
Volver arriba
De en 15

Powered by Subgurim.NET