![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
goolgemapをAPIで設置しました
なぜか、IE8で印刷プレビューをすると
1ページで収まるはずの印刷が、2ページになってしまい、
2ページ目にはgooglemapがはみ出しています
CSSで設定したワイドサイズも無視して画面全体にgooglemapが広がった状態です
DOCTYPE・・・ をはずせば大丈夫なようですが
こちらをはずすとCSSが上手く動かくなってしまう為はずせません
何か解決策があれば教えてください
下記の通り、記述しました
---------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>APIテスト</title>
<script src="http://maps.google.com/maps?file=api&v=2& …キー" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function load() {
if (GBrowserIsCompatible()) {
//店舗の位置
var point = new GLatLng(35.681492,139.766071);
//店舗を中心にマップ作成
var map = new GMap2(document.getElementById("gmap"));
map.setCenter(point, 15);
//店舗にマーク
map.addOverlay(new GMarker(point));
//縮尺移動のコントロールを設置
map.addControl(new GSmallMapControl());
}
}
</script>
</head>
<body id="second" onload="load()" onunload="GUnload()">
<p style="height:700px; background:#CCCCCC;">余白</p>
<div id="gmap" style="width:230px; height:380px;">
</div>
</body>
</html>
---------------------------------------------------------------------------
No.1ベストアンサー
- 回答日時:
var map = new GMap2(document.getElementById("gmap"),{size:new GSize(230,380)});
と、指定してやってもだめでしょうか、
この回答への補足
その後も調べて見ましたが解決はしませんでした。
プリント用に別のページを作成することで、今回は対応いたしました。
ご回答ありがとうございました。
ご回答ありがとうございます。
教えていただいたとおり、サイズ指定をしてみましたがだめでした。
iframにすれば問題ないようですが、できればiframは使用しない方向でなんとか解決したいです。
また、よろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptでiframeの内容を「...
-
フォーカス移動抑止について
-
HTMLのソースの取得・正規表現
-
javascript内でのhtmlのID取得
-
初投稿です!javascriptで質問...
-
designModeをOnにしたインライ...
-
getElementsByNameで要素が取得...
-
Javascript 間違っている箇所...
-
SCRIPT5007: 未定義または NULL...
-
日数カウントダウンをホームペ...
-
ページ全体を検索して特定文字...
-
idHOGEで取得したinnerText(数...
-
数字の足し算が出来ないのです...
-
<body>タグを書き換えたい
-
classNameにメゾットを追加したい
-
何度もリピートする、カウント...
-
引数付きで呼び出す関数・配列...
-
DOMで生成したタグにCSSが適用...
-
テキストやリンクの表示・非表示
-
JavaScriptでの西暦下2桁での表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
function の return 値を表示し...
-
getElementsByNameで要素が取得...
-
SCRIPT5007: 未定義または NULL...
-
JavaScriptでiframeの内容を「...
-
フォーカス移動抑止について
-
キーを押している間の時間を計...
-
JavaScript でキーを送る
-
bodyタグのfocus
-
ボタンのID名を取得するには?
-
JavaScriptでのEnterキーとAlt+...
-
リンク移動先のURLを取得
-
初心者javascript ウィンドウサ...
-
自動ジャンプでフォームデータ...
-
乱数を一定時間毎に表示させた...
-
jQuery ツールチップの中のリンク
-
idHOGEで取得したinnerText(数...
-
フレームサイズの変更について
-
AjaxでDBから取得したデータを...
-
JavaScriptでの西暦下2桁での表...
-
ページ全体を検索して特定文字...
おすすめ情報