- ベストアンサー
フレーム分けしたHPを中央表示したいのですが、分かる方ご指導ください。
フレームで上と左右の3つに分けています。 下記のように、左によってしまいますが、 フレーム分けした場合は仕方ないのでしょうか？ http://www.twinklecloset.com 下記のHPのように、全体を中央表示したいのですが、 http://www.seven-rag.com/sr.html もし分かる方、ご指導ください。 余白の背景は黒にしたいと考えています。
- aijo
- お礼率33% (12/36)
- HTML
- 回答数5
- ありがとう数8
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
参考となるサイトがあるのなら、そのサイトのソースをまずは見てみましょう。それだけで回答を得ることも出来ますよ。 さて、参考サイトのフレームですが、以下のような作りになっています。 <HTML> <HEAD> <TITLE>seven-rag.com</TITLE> <FRAMESET COLS="*,865,*" frameborder="0" framespacing="0" framepadding="0"> <FRAME SRC="whitespace0.html" NAME="c" frameborder="0"SCROLLING="no" NORESIZE> <FRAME SRC="sr0.html" NAME="menu" frameborder="0"SCROLLING="no" NORESIZE> <FRAME SRC="whitespace0.html" NAME="c" frameborder="0"SCROLLING="no" NORESIZE> </FRAMESET></head> </html> --------------- FRAMESET COLS="*,865,*" が問題のところですね。 中心が865、残りはブラウザサイズに合わせて自動調整となっています。 http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/hp7.html これで、真ん中のフレームを自動的に中心におくことができますよ。
その他の回答 (4)
- idhokanohi
- ベストアンサー率45% (9/20)
No.03です。 フレームの枠ですか？ んー・・・あ、テーブルのborder=3pxのところのことかな？ これを0にすればいいんじゃなかったかな。 これぐらいは、自分でがんばってみてほしい・・・
お礼
有難うございました!!
- idhokanohi
- ベストアンサー率45% (9/20)
No.1です、修正しました。 <html> <head> <title></title> <style type="text/css"> <!-- *{ margin:0; padding:0; } html{ height:100%; } body{ height:100%; width:80%; margin:0px auto; } div#main{ border:solid 1px #760014; border-width:0px 1px; height:100%; min-height: 100%; } body > #main { height: auto; } body {text-align:center;} .table {margin:auto;height:100%;width:900px;}/*widthが全体の幅*/ --> </style> </head> <body> <table class="table" border="3"> <tr> <td rowspan="2" valign="top" width="180px"><!--←widthメニュー部分の幅--> <a href="index.html" target="main">New item</a> <br>Necklace <br>Pierce </td> <td height="1%"> 送料・配送方法 お支払方法 お買い物方法 特定商取引法に基づく表記 お問い合わせ </td> </tr> <tr> <td height="100%"> <iframe src="cont.html" scroll="yes" width="100%" height="100%" name="main"></iframe> </td> </tr> </table> </body> </html>
お礼
ご丁寧なご返答有難うございます。 フレームの枠が表示されますが、 表示しない場合のタグがあれば、場所とタグを教えてください。
全体を<center></center>で区切ったらどうでしょうか？ できなかったらすみません。
- idhokanohi
- ベストアンサー率45% (9/20)
こんなかんじでしょうか？ 3フレームから2フレームになります。 <html> <head> <title></title> <style type="text/css"> <!-- *{ margin:0; padding:0; } html{ height:100%; } body{ background-image:url(../../../img/back.gif); height:100%; width:80%; margin:0px auto; } div#main{ background-image:url(../../../img/sub-back.jpg); border:solid 1px #760014; border-width:0px 1px; height:100%; min-height: 100%; } body > #main { height: auto; } body {text-align:center;} .table {margin:auto;height:100%;width:800px;}/*width:800px;が全体の幅*/ --> </style> </head> <body> <table border="3" class="table" > <tr> <td rowspan="2" valign="top"> <a href="http://okwave.jp/qa3970095.html" target="main">New item</a><br> Necklace<br> Pierce<br> </td> <td height="1%"> 送料・配送方法 お支払方法 お買い物方法 特定商取引法に基づく表記 お問い合わせ </td> </tr> <tr> <td height="100%" width="100%"> <iframe src="http://www.twinklecloset.com/cont.html" width="100%" height="100%" scroll="yes" name="main"></iframe> </td> </tr> </table> </body> </html> フレームについて http://www.tagindex.com/html_tag/frame/a_target.html
関連するQ&A
- ホームページビルダーです 中央表示にしたいです
ホームページビルダーで作ってみましたが画面の左側に表示されてしまいます 全体を中央に持っていくにはどうしたらいいのか教えてください ３つのフレーム？にわけてあります 全体をこのまま画面中央（左右同じ余白）にもっていきたいです こちらです↓ http://loveair.jp/index2.html
- 締切済み
- その他([技術者向] コンピューター)
- [CSS]上下フレームの背景を中央寄せでずれさせない方法
ホームページ作成中です。 上下2つにフレーム分けしています。 ページはテーブルで構成された中央800pix固定にしようとしています。 さて、上下のフレームにまたがるような固定の1枚背景画像を中央にセットしたいのですが、問題が発生しています。 上フレームについては問題なくできています。ただ、下フレームが、本文が長くなった際もちろんスクロールバーが出るのですが、スクロールバー分左にずれてしまいます。 下をスクロールさせてもちゃんと背景画像を出したいのでテーブルの背景ではちゃんとできないですよね。 どうにかして上下フレームの背景画像で中央寄せした場合、ずれないようにする方法はないでしょうか?
- 締切済み
- CSS
- ホームページビルダーでフレーム全体を中央に持っていく方法
ＩＢＭホームページビルダー７．０を使用し、ホームページを作っているものです。 ブラウザでホームページを見てもらった時に、各パソコン毎にホームページが中央に来るように、ページ全体を一つの枠（表）で囲い、その中に字や写真等を配置した上で、全体の枠を中央揃えにしています。 ところが、今回フレームページを作ったのですが、 フレームページに（左右の２分割です）してしまうと、どうしても左揃えになってしまいます。 どうにかして、どのパソコンで見ても、ディスプレイの中央に表示されるように、フレームページ全体を中央揃えにしたいのですが、どのようにしたら良いのかがわからず、困っています。 どなたか、お分かりになる方、お教えいただけないでしょうか。どうぞ、よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- ホームページを中央に表示したい
現在、DreamweaverCS3でホームページを作っているのですが、ホームページが左より表示になってしまいます。 中央に表示（左右に余白がある状態で、文字は左寄せ）にしたいのですが、どなたか、お分かりになる方、教えていただけませんか？ 宜しくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- HPビルダーでリンク先を別のフレームに表示することについて
使用しているのはホームページビルダー11なのですが、自作CGイラス ト等載せるHPを作り始めました。作り始めて、順調に進んでいけると思 っていたら、肝心な所で行き詰ってしまい困っております。 どなたかご回答いただければ嬉しく思います。 閲覧し易い様、ページをフレームで左右二つに分割し、フレーム設定 ページ、フレーム内ページを左右作りました。右フレームには背景をい れております。（ここではピンク色の背景にしました） 左フレーム内のページにメニューを作り、左のリンクアイコンクリック で右にイラストを表示させるよう設定しました。 確認するためプレビューで左のメニューのリンクをクリックすると画 像は右に表示されるのですが、右側に入れていたピンクの背景が消え、 イラストの周囲が白い背景に変わってしまいます。そして右フレームの 左寄りに画像が表示されます。 よく他の方のイラストサイト様のHPを拝見させていただくのですが、左 のメニューのリンクをクリックすると右の背景はそのまま、画像だけ中 心に表示されています。 なぜ画像のみ表示させることができないのでしょうか？ 画像もなるべくフレームの中心に表示させたいのですが・・・。 色々考えてみましたが設定等のやり方が思いつきません。 右フレームの背景はそのままに、画像のみフレームの真ん中に表示させるための 方法の分かる方がいらっしゃいましたら教えていただけないでしょうか。 よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- Firefoxで、ベージを中央に表示するには？
Firefoxで、ベージを中央に表示するには？ 最近、初めてFirefoxを導入したのですが、ちょっと困っています。 例えばyahooのページだと、表記が中央で、左右に余白が出来るのですが、他のあるサイトとかになりますと表記が左によってしまい、右に余白ができます。 私としては、すべてにおいて中央表記にしたいのですが、その設定方法が分かりません。 どなたか直し方をご存知でしたら教えてください。
- ベストアンサー
- ブラウザ
- ホームページを中央に表示するには？
初心者ですがホームページビルダーで作った自分のホームページを持ってます。 早速質問なのですが、ヤフーのトップページなどは左右に等間隔の余白があって、ページ全体がつねに画面の中央に表示されていますよね。 「お気に入り」のボタンを押して左側にお気に入り一覧を表示させてもページはつねに真ん中に表示されます。 文字のセンタリングではなくて、ページを中央に表示させる方法です。 私は左に寄せてページを作っているので、見ばえを良くするためにページを真ん中に表示させるのはどのようにしたら良いのでしょうか。 タグがあったら教えてほしいです。 お願いします。
- ベストアンサー
- HTML
- onmouseoverで別フレーム表示
ＨＰビルダー１０でＨＰ作成しています。 ＨＰは左右でフレーム分けし、左にコンテンツ。クリックするとその内容（掲示板等）を右フレームで表示できるようにしてます。 onmouseoverという処理があると分って、オンマウスで右フレームに 内容表示させようとしてますが、右フレームに飛ばずに 左フレーム内で表示してしまいます。 設定ではフレーム場所はあっているのですが・・・ どこか手を加えないといけないと思うんですが、その辺がわからずに 手付かず状態です。 説明不足ですが、宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- どのサイズのディスプレイでも中央表示にするには
ホームページビルダーでホームページを作っていますが、どのサイズのディスプレイ（17インチや15インチ）で見ても、中央にと言いますか、画面全体に、レイアウトが表示できるようには、出来ないようです。 ノートパソコンの15インチで作ると、17インチの画面では、レイアウトが左によって、右側に余白が出来てしまいます。 これを常に中央に、画面いっぱいに、表示出来るソフトはありませんでしょうか？
- 締切済み
- ホームページ作成ソフト
- 常に中央表示にするには？
はじめまして、初心者です。 質問ですが、ドリームウィーバーとか（ホームページビルダー）でフレームを使用したページを作った時、常に中央に表示させたいのですが？ そのままで作成すると、左によったページになるのです。HTMLのタグとかを書き換えるのでしょうか？そのときは、どこをどのようにすればよいのでしょうか？お願いします（良い作成HPとかありましたら、教えてください） 例えば、下記のようなフレームサイトを作成した時（分かりずらくてすいません） ---------------- TOP AAAAA ---------------- a | aiueo i | u | e | o |
- 締切済み
- ホームページ作成ソフト
お礼
有難うございます。 ３つに縦にフレームを分けるのですね！ やってみます。