ここのワードプレスサイトにGoogleマップを設定しました：
http://drummersdatabase.com/map/ (現在、一時的な回避策として 500px の高さに設定されています)
マップを幅の 100% に広げることができましたが、残りの高さにはなりませんでした。基本的に、ユーザーの解像度に関係なく、スクロールバーがないことを確認したいと考えています。
マップの高さを設定した場合、および/または div css (class="gridfull") 100%; が含まれている場合。代わりにこれを 100px と解釈するようです。
これを修正する方法はありますか？
ありがとう、
デイブ
マップを高さ 100% にするように要求している場合、高さ 100% を何にするかがわかりません。
HTML タグと BODY タグを高さ 100% に設定すると、開始点が得られます。
次に、ページにマップのみがあり、高さ 100% になるように指定した場合、ページの高さの 100% を実際に埋めます。
ただし、スペースを占有するヘッダーとフッターがあるため、やりたいことを行うには、ヘッダーとフッターもパーセンテージベースの高さに設定する必要があります。
私が話していることを確認するには、フィドルを見てください。
http://fiddle.jshell.net/Mm3TT/
私が考えることができる唯一の他の方法は、javascriptを使用してユーザーのブラウザの高さを計算し、そこからヘッダーとフッターの高さを差し引いて、マップの高さを残っているものに設定することです.