• 締切済み

自作HPがiphoneからだとうまく表示されません

最近自分でホームページを作り、FC2のサーバーを借りてアップロードしたのですがiphoneから見るとそのページが自動でリロードされ続けてしまいます。 画面が全て表示される前にまたリロードされてしまい、何も見る事ができません。 PCからだとどのブラウザでも閲覧できたのですが、 なぜiphoneからだとうまく表示できないのでしょうか？ ちなみにフレームページで、ところどころJavascriptを使っています。 FLASHは未使用です。 自分では全く原因が分からず困っています… 分かる方、いらっしゃいましたら教えてくださると嬉しいです。 よろしくお願いします。 ↓topページ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <link rel="stylesheet" type="text/css" href="style.css"> <!--[if IE]> <link rel="stylesheet" type="text/css" href="iestyle.css"> <![endif]--> <title>aaaaa</title> </head> <frameset rows="250,*" frameborder="0"> … <frame src="l.html" scrolling="no"> … <frame src="top.html" name="under" scrolling="no"> … <noframes> <body> </body> </noframes> </frameset> </html>

みんなの回答

noname#242220
noname#242220
回答No.1

検証する時間が有りませんが フレームセットがおそらく問題でしょう。 それからiPhoneのキャラクタセットは『UTF-8』です。 可変グリットレイアウトの作成 （一つでPCからスマフォまで使える） 【素材】今回作成したCSSファイル閲覧用 　　< http://r360studio.com/dgcr/dgcr-extra22/grid.css > 【素材】今回作成したページ 閲覧用 　　< http://r360studio.com/dgcr/dgcr-extra22/test3.html ＞

  1. カテゴリ
  2. パソコン・スマートフォン
  3. スマートフォン・携帯・タブレット
  4. iPhone・iPad・iOS

関連するQ&A

  • htmlについて

    あるサイト様でホームページサンプルをダウンロードしました。 順調に出来てきてはいるんですが、メニューページと画像などが表示されるメインページを表示する土台(のような)ページのhtmlをいじると真っ白いページになって何も表示されなくなります。 その土台(のような)ページのhtmlです↓ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <link href="style.css" type="text/css" rel="stylesheet"> <title>ここにサイトの名前</title> </head> <frameset cols="10%,*" frameborder="0" border=0> <frame src="menu.html" noresize> <frame src="top.html" name="main"> </frameset> <noframes> フレーム対応ブラウザをご利用ください </noframes> </html> サイトの名前を入れた途端に真っ白になります。 何卒よろしくお願いします。

  • サイトのtarget属性について

    サイトを作っているのですが、target属性がうまくいきません。 WinVistaでDreamweaverを使っています。 フレームを縦3画面に分けて、左メニュー・中央に表示・右サブメニューというようにしているのですが、 フレームセットの画面ではname="2"のようにして、リンクにはtarget="2"と指定していても、name="1"のところに表示されてしまいます。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>フレーム３分割</title> </head> <frameset cols="230,*,240" border="0"> <frame src="menu.html" name="1" scrolling="auto"> <frame src="top.html" name="2" scrolling="auto"> <frame src="menu2.html" name="3" scrolling="auto"> </frameset> <noframes></noframes> </html> この部分はおかしくないと思います。 メニュー画面は <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>menu</title> <STYLE type="text/css"> <!-- BODY { background-image : url("menubg.jpg"); background-attachment: fixed; background-position: 0% 100%; background-repeat: no-repeat; } --> </STYLE> <link href="css.css" rel="stylesheet" type="text/css" /> </head> <a href="top.html" target="2"><img src="icon/top.gif" onmouseover="this.src='icon/top2.gif';" onmouseout="this.src='icon/top.gif';" style="position: absolute;top: 300px;left: 120px;"></a><br> ・ ・ ・ </body> </html> のようになっています。 言葉を変えていろいろ検索してみましたが、どうにもヒットしませんでしたので、ご教授よろしくお願いします。

  • フレームページが表示できません

    以下のようなフレームページを作成したのですが、mac（safari）ではきちんと表示されるのに、windows（Internet Exprorer）ではページが表示されません。 ソースをチェックしたところ、特にエラーは出ないのですが… どこが問題でしょうか？ お分かりになる方、ぜひアドバイスおねがいします。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=Shift_JIS"> <meta name="generator" content="Adobe GoLive 6"> <title>illustration.com</title> <link href="sample.css" rel="stylesheet" media="screen"> </head> <body> <frameset cols="250,*" border="0"> <frame name="gallery-top" noresize src="gallery-index01.html" frameborder="no"> <frame name="gallery-main" noresize src="gallery-main.html" frameborder="no"> <noframes> <p></p> </noframes> </frameset> </body> </html>

  • PHP→JavaScriptへの書き換え

    以下のような、フレームページのスタイルシートを変更するプログラムをPHPで書いたのですが、複数ある設置先サーバーの１つがPHP・CGIなどに対応していないため、JavaScriptに書き換える必要が出てきました。 そこでお聞きしたいのですが、以下のプログラムをJavaScriptに書き換えるにはどう記述すればいいでしょうか？ JavaScriptは本のサンプルを見ながらいじった程度なので、記述にいまいち自信がありません・・・。 【index.html】フレーム定義ページ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <script type="text/javascript"> <!-- if( self != top ) { top.location = self.location; } //--> </script> <title>CSSチェンジャー</title> </head> <frameset rows="40,*"> <frame name="top" src="top.php" scrolling="NO"> <frameset cols="17%,*"> <frame name="left" src="menu.php"> <frame name="right" src="main.php"> </frameset> <noframes> <body> <p>このページを表示するには、フレームをサポートしているブラウザが必要です。</p> </body> </noframes> </frameset> </html> 【main.php】中央フレームページ <?php error_reporting(~E_NOTICE); if($_COOKIE["css"]==""){ $css="<link rel=\"stylesheet\" type=\"text/css\" href=\"aqua.css\">"; }else{ $css.="<link rel=\"stylesheet\" type=\"text/css\" href=\""; $css.=$_COOKIE["css"]; $css.=".css\">"; } echo <<<HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> $css <title></title> </head> <body> <h3>CSSチェンジャー</h3> <p>下から選んでください。</p> <form action="" method="post"> スタイル： <select name="cssselect"> <option value="blue" selected>ブルー系</option> <option value="red">レッド系</option> <option value="yellow">イエロー系</option> </select> <input type="submit" name="sub" value="変更"> </form> </body> </html> HTML; if(isset($_POST['sub'])){ $timeout = time() + 30 * 86400; setcookie("css",$_POST['cssselect'],$timeout,'/~********/','www.*****.ne.jp'); header("location:index.html"); exit(); } ?> 【menu.php】【top.php】左フレーム/上フレームページ <?php error_reporting(~E_NOTICE); if(!isset($_COOKIE["css"])){ $css="<link rel=\"stylesheet\" type=\"text/css\" href=\"aqua.css\">"; }else{ $css.="<link rel=\"stylesheet\" type=\"text/css\" href=\""; $css.=$_COOKIE["css"]; $css.=".css\">"; } echo <<<HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> $css <title></title> </head> <body> <p>フレームページ</p> </body> </html> HTML; ?> indexはすでにJavaScriptで書いてあるので大丈夫だと思いますが・・・。

    • 締切済み
    • PHP
  • フレームが表示できません

    現在ホームページをつくっているのですが、フレームのhtmlをいれても、「このページは表示できません」とでてきます。 一応同じ質問のページを見てきたのですが、よく分かりませんでした。 使っているhtmlは、 <html> <head> <title></title> </head> <frameset cols="200,*" border="0"> <frame name="left" src="b.html" scrolling="yes"> <frame name="right" src="c.html" scrolling="yes"> </frameset> <noframes> </noframes> <html> です。宜しくお願いします。

    • ベストアンサー
    • HTML
  • フレーム分割した全体をスクロールバーで動かせないでしょうか？

    フレーム分割したホームページをスクロールバーで上下したいのですが、書き方が分からなくて困っています。お分かりになる方がいらっしゃいましたら、教えて下さい。 尚、当方htmlでようやく簡単なページが作れるレベルです。宜しくお願い申し上げます。 尚、フレームの割り方が違う時はそちらもお教え下さいませ。 <HTML><HEAD> <META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS"> <TITLE>フレーム分割</TITLE></HEAD> <FRAMESET Rows="195,*,50" Frameborder="1"> <Frameset cols="10%,80%,10%" Frameborder="1"> <FRAME Src="./frame1.html" name="f1" Scrolling="no"> <FRAME Src="./frame2.html" name="f2" Scrolling="no"> <FRAME Src="./frame1.html" name="f3" Scrolling="no"> </Frameset> <Frameset cols="10%,20%,60%,10%" Frameborder="1"> <FRAME Src="./frame1.html" name="f4"> <FRAME Src="./f001.html" name="f5" scrolling="no"> <FRAME Src="./f002.html" name="f6" scrolling="no"> <FRAME Src="./frame1.html" name="f7"> </Frameset> <FRAME Src="./end.html" name="f8" scrolling="no"> <NOFRAMES>恐れ入りますがフレーム対応ブラウザでご覧下さい</NOFRAMES> </FRAMESET> </HTML>

    • ベストアンサー
    • HTML
  • フレームページに文字が表示されなくて困ってます＞＜

    フレームページに文字が表示されなくて困ってます＞＜ フレームページは表示されるのですがmenu.html.htmlやcontents.html.htmlに書いた文字が表示されません どこが間違っているのでしょうか？ ーーフレームページーー <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タトル</TITLE> </HEAD> <FRAMESET cols="100,*"> <FRAME name="menu.html.html" src="file:///D:/happystyle/menu.html.html"> <FRAME name="contents.html.html" src="file:///D:/happystyle/contents.html.html"> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET> </HTML> ーーmenu.html.htmlーー <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タイトル</TITLE> </HEAD> <BODY> 画像置き場 </BODY> </HTML> ーーcontents.html.htmlーー <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タイトル</TITLE> </HEAD> <BODY> 画像表示 </BODY> </HTML> というHTMLを書きました！ フレームに表示させたいページのHTMLはフレームと同じフォルダに入っているのですがこれと関係ありますか？ どこがおかしいのかまったくわからないです 教えてください！

  • MacIEでページが表示できない。

    InternetExplorer5.01NetscapeCommunicator4.06(いずれもWin版)では問題なく表示されのにMac版IE5.0では真っ白になってしまうらしいのです。Mac版Netscape4.7では表示出来ているようなのですが。何が悪いのでしょうか。わたしの書いたソースを下記に書き出しましたのでご助言お願いできませんでしょうか？ Mac版IE4.5ではフレームがあるとまずいといったことがマイクロソフトのページにはあったのですが... ・わたし自身が作ったソース ＜HTML＞ ＜HEAD＞ ＜META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=ISO-2022-JP"＞ ＜META NAME="keywords" CONTENT="ｘｘ,ｘｘ,ｘｘ"＞ ＜LINK REL="SHORTCUT ICON" href="./favicon.ico"＞ ＜TITLE＞○○○＜/TITLE＞ ＜/HEAD＞ ＜FRAMESET cols="140,*" frameborder="NO" border="0"＞ ＜FRAME src="./あ.html" name="menu"＞ ＜FRAMESET rows="120,*" frameborder="NO" border="0"＞ ＜FRAME src="./い.html" name="section"＞ ＜FRAME src="./う.html" name="section2"＞ ＜/FRAMESET＞ ＜NOFRAMES＞ ＜BODY bgcolor="cyan"＞ このページはフレーム対応のページです。＜BR＞ ブラウザボードなどのフレーム未対応のブラウザを＜BR＞ お使いの方で、閲覧ご希望の方は ＜A href="ｍａｉｌｔｏ:xxxx＠xxx?Subject=みられません"＞ xxxx＠xxx＜/A＞へご連絡ください。 ＜!-- Since　　　:2000.09.09＜BR＞ Last Update:2001.02.22＜BR＞ --＞ ＜/BODY＞ ＜/NOFRAMES＞ ＜/FRAMESET＞ ＜/HTML＞ ・Macから送られてきたページのソース ＜HTML＞ ＜HEAD＞ ＜META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=ISO-2022-JP"＞ ＜META NAME="keywords" CONTENT="＞ Last Update:2001.02.22＜BR＞ --＞ ＜/BODY＞ ＜/NOFRAMES＞ ＜/FRAMESET＞ ＜/HTML＞

  • フレームが表示されない＞＜

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <Html Lang="ja"> <Head> <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS"> <Title>フレーム</Title> </Head> <Body> <Frameset Cols="20%,80%" Border="1" FrameBorder="1" BorderColor="#000000"> <Frame Src="menu.html" Name="Left" Scrolling="auto"> <Frame Src="home.html" Name="Right" Scrolling="auto"> </Frameset> <Noframes> このページはフレームに対応していないブラウザではご利用いただけません。 </Noframes> </Body> </Html> というHTMLを書きました。。。これをIEで表示させたのですが、真っ白のまま全然表示されません。。。なにか間違っているでしょうか？ ちなみにフレームに表示させたいページのHTMLはフレームと同じフォルダに入っています。。 また、サーバにUPして試しても同じでした。サーバでも表示させたいページは同じファイル名にしてあるので、このまま使えると思うのですが、、、（使っているサーバではアドレスではなくUPしたファイル名を使うようになっている） ず～っとなやんでいますが、どこがおかしいのか全然わかりません。。教えてください。

    • ベストアンサー
    • HTML
  • ビルダー12のフレームを使ったページについて

    今ビルダー12でフレームを使ったページ作成をしているのですが メニューの中の「フレーム　ＨＴＭＬソース」という項目(タブ)があるんですが これはどういった部分に影響するところなんでしょうか？ページのデザイン等には 関係無いように思えますが…。 以下は今製作しているサイトの「フレーム　ＨＴＭＬソース」なんですが 「このページを表示するには、フレームをサポートしているブラウザが必要です。」 の文字はいつどこで表示されるものなのでしょうか？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.4.0 for Windows"> <TITLE></TITLE> </HEAD> <FRAMESET rows="146,*" frameborder="NO" border="0"> <FRAME name="top" src="header.html" scrolling="NO"> <FRAMESET cols="246,*" frameborder="NO" border="0"> <FRAME name="left" src="navi.html" scrolling="AUTO"> <FRAME name="right" src="contents_main.html"> </FRAMESET> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET> </HTML>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する