iframeについて
-
0 名前: 日和小春 : 2006/12/03(日) 16:22 ID:u8F.vCDZ
- 初めまして、こんにちは。
日和小春と申します。
いきなりで申し訳ないのですが、
iframeを同じページ内に2つ作ってそれを横に並べると、
ウィンドウを小さくしたときに
右側に作ったiframeが左側のiframeの下に回りこんでしまって
デザインが崩れてしまいます。
2つのiframeを表示したい場所で固定することはできないのでしょうか?
どうぞよりしくお願いいたします。
-
1 名前: 匿名 : 2006/12/03(日) 16:22 ID:nUHRp4R1
- あなたのページのHTMLの構造を教えてください。
それなしに何を答えろというのでしょうか。
推測ゲームですか。
-
2 名前: 日和小春 : 2006/12/03(日) 16:22 ID:u8F.vCDZ
- コメントありがとうございます。
ソースもなしに質問して、
不愉快な思いをさせてしまってすみません。
問題の頁のソースですが、
・iframe@とAを組み込んだ頁Aのソース
<html>
<head>
<style type="text/css">
<!--
body{text-align: center;
background-color:#101010;
cursor:crosshair;
scrollbar-face-color:#101010;
scrollbar-track-color:#101010;
scrollbar-arrow-color:#101010;
scrollbar-3dlight-color:#101010;
scrollbar-highlight-color:#101010;
scrollbar-shadow-color:#101010;
scrollbar-darkshadow-color:#101010;}
-->
</style>
<meta name="GOOGLEBOT" CONTENT="NOINDEX, NOFOLLOW">
<meta name="ROBOTS" CONTENT="NOARCHIVE,NOINDEX,NOFOLLOW">
<meta http-equiv="Content-Type"
content="text/html; charset=Shift_JIS">
<title></title>
</head>
<body>
<iframe src="iframe@.html" border="1px" style="border:solid 1pt;border-color:#000000;" frameborder="0" width="924" height="333" hspace="10" scrolling="yes" name="left"></iframe>
<iframe src="iframeA.html" border="1px" style="border:solid 1pt;border-color:#000000;" frameborder="0" width="100" height="333" hspace="10" scrolling="no" name="right"></iframe>
</body>
</html>
・頁Aの左側に表示したいiframe@のソース
<html>
<head>
<title></title>
<link rel="stylesheet" href="mystyle.css" type="text/css">
<style type="text/css">
body{background-image:url(bg01.gif);
background-attachment :fixed;
background-repeat: repeat;}
</style>
<meta name="GOOGLEBOT" CONTENT="NOINDEX, NOFOLLOW">
<meta name="ROBOTS" CONTENT="NOARCHIVE,NOINDEX,NOFOLLOW">
</head>
<body>
</body>
</html>
・頁Aの右側に表示したいiframeAのソース
<html>
<head>
<title></title>
<link rel="stylesheet" href="mystyle.css" type="text/css">
<style type="text/css">
body{background-image:url(bg02.gif);
background-attachment :fixed;
background-repeat: repeat;
margin:5px;}
</style>
<meta name="GOOGLEBOT" CONTENT="NOINDEX, NOFOLLOW">
<meta name="ROBOTS" CONTENT="NOARCHIVE,NOINDEX,NOFOLLOW">
</head>
<body>
<body>
</html>
外部スタイルシートではフォントの種類やサイズ、
スクロールバーなどのカラーのみ設定しています。
頁Aにてiframe@の右横に並べたiframeAが、ウィンドウを小さくすると、
頁Aの横スクロールバーは、iframe@の頁が画面に入りきれなくなると表示されるのですが、
iframeAが画面に入りきれないときは横スクロールバーが表示されず、
iframeAがiframe@の下側に回りこんでしまいます。
もし何か良い解決方法がありましたら、
回答を頂けると幸いです。
よろしくお願いします。
-
3 名前: 日和小春 : 2006/12/03(日) 16:22 ID:u8F.vCDZ
- すみません。
やっぱりサイトデザインを変えることにしました。
お手数をおかけしてしまってすみません。