Problema con Google Maps en cuanto diseño

[Jorge_Mota]

Pues eso, estoy tratando de poner una página, poner un google map, el caso es que el usuario puede redimensionar la ventana y necesito que el mapa siempre ocupe el ancho / alto del navegador, con el ancho ya no tengo problema he definido mi div así: <div id="map" style="width:100%;">

el problema es que para que la página se visualice bien, en style necesito agregar un alto fijo, así:

<div id="map" style="width:100%;height:300px;"> o de lo contrario no se muestra bien, pense en poner <div id="map" style="width:100%;height:100%;"> pero sigue sin mostrarse bien, me he dado cuenta en el dreamweaver que no soporta eso, pense en escribir una función javascript que me generará al vuelo el <div ... > con el valor del alto del documento en px, o alguna manera para que el div siempre ocupe todo el alto del documento,

a ver si alguien me entiende :P y me puede ayudar :)

Por cierto, no supe si esto íba en CSS, Diseño Web, javascript o en Ocio XD

Gracias por adelantado.

[Mikmoro]

Pues no estoy seguro de cómo estás usando tu <div id="map" y la clase #map, pero si le pones position:absolute; bottom:0px; top: 0px;

<div id="map" style="width:100%; position:absolute; bottom: 0px; top: 0px;">

o bien lo añades en la clase, es posible que funcione.
Si no, pon el código a ver si hay otra psoibilidad.
Mikel.

[Jorge_Mota]

Gracias, al final como lo he solucionado es con CSS

html,body{
height:95%;
}

la cuestión es que encontre que por default todos los objetos en html tienen height:auto, es decir se calculan, mirale al articulo

http://simplelogica.net/caoticoneutral/?m=200505

Saludos.

[Mikmoro]

Qué interesante. Muchas gracias. ¡A la cama no te irás... sin saber una cosa más!
Mikel.