およびスタイルシートの活用
メモ帳にて
以下のソースコードにて試したのですがIEで右側しか表示されないで困ってます。多少いじってます。
このソースコードでmapを表示できるよう指摘をお願いします。
とても長いですが自力ではもう分からなくて手つかずです。
<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>1マップ</title>
<style type="text/css">
<!--
h2 {
text-align:left;
font-size:25px
}
p {
margin-top:0px;
text-align:justify;
text-justify:distribute;
line-height:15pt;
font-size:16px;
color:black
}
.text1div {
border-style:solid;
border-width:4px;
border-color:#ffffff;
padding:3px;
width:330px;
height:325px;
border:solid 0px;
overflow:auto;
background-color:white darkblue darkblue white;
scrollbar-base-color: #ffffff;
scrollbar-highlight-color:#009999;
position:absolute;
left:410px;
top:70px
}
P.text1 {
text-align:justify;
text-justify:distribute;
line-height:120%;
font-size:15px
}
-->
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false" …
ipt>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(座標);
var opts = {
zoom: 13,
center: latlng,
scaleControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), opts);
var marker = new google.maps.Marker({position: latlng,map: map });
var infowindow = new google.maps.InfoWindow({content:'*****',position: latlng });
infowindow.open(map);
</script>
</head>
<body onload="initialize()">
<h2>My Maps</h2>
<div id="map_canvas" style="width:400px; height:300px"></div>
<DIV CLASS="text1div"><P CLASS="text1">
マップです。<BR>
**市**区*条**丁目*番*号<BR>
Tel ***-***-***<BR><BR>
<DIV>
<DIV align="center">
<form><input type="button" name="OK" value=" Close " onClick="window.close()"></form>
</DIV>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【コーディング】途中から位置...
-
divのheight指定で画面一杯に表...
-
スクロール可能なチェックボックス
-
【CSS】floatで左右に並べた...
-
フッター上部に謎の隙間
-
文字をクリックしたら別の文字...
-
TABLEの高さを固定したいのですが…
-
ロールオーバーで画像拡大、z-i...
-
Ctrl+F(検索)の窓を出したいの...
-
文字を固定したいのですが…
-
css固定したフッターが本文と重...
-
embed要素のsrc属性の値を変更...
-
チェックボックスに入っている...
-
画像をクリックしてその地点の...
-
removeEventListenerについて
-
オンマウスオーバーで画像を表示
-
MAX関数を使ってからLEFT JOIN...
-
テキストエリア内の一部の文字...
-
iframe内のリンク文字のマウス...
-
VC++2005で画面上にGIF画像(透...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSS <div>の入れ子が反映さ...
-
フッター上部に謎の隙間
-
Ctrl+F(検索)の窓を出したいの...
-
【CSS】floatで左右に並べた...
-
css固定したフッターが本文と重...
-
HTMLですCSSです 画像のように...
-
htmlのstyleのposition:relativ...
-
HTMLですCSSです この画像のよ...
-
Flickity で画像にリンクを貼る...
-
画像の特定の座標にカーソルが...
-
チェックボックスの背景色って...
-
html スクロール要素を下から表...
-
レイアウトが崩れないようにす...
-
スクロール可能なチェックボックス
-
リンクで違うページの指定箇所...
-
オンマウス時に別画像を上に重...
-
フッターの下に隙間ができてしまう
-
スタイルシート(CSS)で、高さ...
-
かなり困っています。知恵を貸...
-
離れた場所にマウスオーバーで...
おすすめ情報