How to fit map to screen with header and footer

391 views
Skip to first unread message

vas

unread,
Jul 23, 2011, 8:09:09 AM7/23/11
to Google Maps JavaScript API v3
How to manage CSS to fit google map API v3 to fit the screen WITHOUT
VERTICAL SCROLL BAR?
If I add header and footer, the map become too big and scroll bar
appears on the right side of the page.
Example is here: http://www.everdict.org/test/

Thanks.

en4ce

unread,
Jul 23, 2011, 9:27:29 AM7/23/11
to Google Maps JavaScript API v3
height: 90%; as style for the map did the job for me

vas

unread,
Jul 24, 2011, 12:24:40 AM7/24/11
to Google Maps JavaScript API v3
Hey, this simply will not work when the firefox window is resized -
scroll bar will appear when the firefox window is reduced in height :(
cheers,

geoco...@gmail.com

unread,
Jul 24, 2011, 6:52:22 AM7/24/11
to Google Maps JavaScript API v3
On Jul 24, 12:24 am, vas <vivaaust...@gmail.com> wrote:
> Hey, this simply will not work when the firefox window is resized  -
> scroll bar will appear when the firefox window is reduced in height :(

That will depend on what you put in the remaining "10%". But this is
all general html/css; nothing to do with the google maps javascript
API per se, perhaps you should look in groups dedicated to that and
search the web for solutions.

-- Larry
Reply all
Reply to author
Forward
0 new messages