iframeについて

[新着] Webテンプレートを仮オープンしました



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
すみません。
やっぱりサイトデザインを変えることにしました。
お手数をおかけしてしまってすみません。

一覧へ戻る