• ベストアンサー

フレームの縦3分割について

http://www.union-jp.net/home/fpkunion.html ↑のHPのよぅに2分割にして、真ん中のメインの幅を変えずに、左右の黒ぃ部分だけの幅を変えるには、 どのようなタグを打ち込めばいいのでしょうか。 質問がわかりずらくてすみません。

質問者が選んだベストアンサー

  • ベストアンサー
noname#199778
noname#199778
回答No.3

例示されているURIのソースを見る限りでは、テーブルを使ってレイアウトをしているようですね。 いずれにせよ、真ん中の部分の幅を変えずに左右の余白部分の幅を変えるとなると、ウィンドウサイズを変更するくらいしか対策はないのではないでしょうか。 真ん中の表示領域の幅についてはテーブルで一定の幅になるように指定してあるので、これは固定されているとして、左右の余白の幅についてはウィンドウサイズに依存するでしょう。 もし、どの人から見ても左右の幅が一定の幅になるようにデザインしたいという場合であれば、JavaScriptを使ってウィンドウサイズを強制的に変更してしまう方法をとる必要があるように思います。 ただ、ウィンドウサイズを強制的に変更してしまうのは、見る側としてはあまり歓迎されない動作になります(ウィンドウサイズは各自見やすいサイズに設定していることが多いので、これを変更されるのはあまり心地よい動作とはいえないでしょう)ので、慎重に検討した方が良いのではないかと思います。 また、JavaScriptでウィンドウ内の表示幅の調整のためにウィンドウサイズを変更させる動作についても、ブラウザによってその解釈の仕方が微妙に異なることがあるので、どの環境でも統一したデザインを見せたいとお考えでしたら、少々難しいことになると思います。 可能であれば、そのサイトの入り口で新しいウィンドウを開いて、そこにコンテンツを展開するようにデザインするのが、このケースではもっとも無難だと思います。 その場合は、トップページからのリンクでJavaScriptを使い、 <a href="***.html" target="mysite" onClick="window.open('','mysite','width=600, height=500, menubar=1, directories=1, toolbar=1, status=1, location=1, scrollbars=1, resizable=1')">ENTER</a> このようなリンクにして、hrefの***.htmlはメインのページのURI、onClick内にあるwindow.openのwidth=600, height=500の部分でウィンドウの縦幅と横幅をピクセル単位で任意に指定すれば、少々体裁は変わってしまいますが、真ん中の表示領域の幅を変えずに左右の余白部分の幅を変更できると思います。 なお、JavaScriptが有効でない環境では、任意のサイズの新しいウィンドウを開いて、そこに読み出したファイルを表示させると思います。 これが最善策とはいえないとは思いますが、とりあえず参考になれば。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

noname#107580
noname#107580
回答No.2

こんにちは! このページではそれぞれのフレームで 幅600ピクセルのテーブルを中央揃えにしているだけです。 ページの背景色を黒にしてテーブルの背景色を白にしています。 <body bgcolor="#000000"> <center> <table border="0" width="600" height="100%" bgcolor="#ffffff"> <tr> <td valign="top"> こうなっています。 </td> </tr> </table> </center>

全文を見る
すると、全ての回答が全文表示されます。
noname#12862
noname#12862
回答No.1

<frameset cols="*,XXpx,**"> <frame src="left.html"> <frame src="center.html"> <frame src="right.html"> </frameset> のように、左右のページを *で指定、 真中だけ、表示したいサイズで指定します。 縦に3列並べるには、frameset で colsを指定 (横3列だと、rows) cols = "(左の幅),(真中の幅),(右の幅)" という形です。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • フレーム分割の件で質問です、先ず上下分割、そして、次に下のフレームのみ、左右分割するとします

    フレーム分割の件で質問です、先ず上下分割、そして、次に下のフレームのみ、左右分割するとします、このとき、先に、仕切った上下分割のフレームの境界線のみを消す方法を知りたいのですが? そんな、タグはないでしょうか? フレームについての説明はWEB上にあるのですが、具体的に、そのまま使えるタグをしましてくれているものは無くて、、、、

    • ベストアンサー
    • HTML
  • ホームページ作成 フレーム テンプレ

    質問させていただきます。 ホームページテンプレ素材屋さんから頂いたものを使ってHPを作成しておりました。 HPリニューアルをさせようと思い、今後更新などで効率よく作業できる仕様にしたいと考えています。 作りたいものは、左右にメニューを表示させ、更新履歴など見やすくし その真中に、コンテンツを作れればいいなと考えています。 今までも、このような形で作っていたのですが、ページが増えるごとに、左右の部分は同じタグに更新しなおしていかなければなりませんでした。(特に更新履歴など、新着のものなどそれぞれで書き直す) いろいろなページを見たらフレーム?を使えばいいのかなとか思ったりしたのですがイマイチ仕組みが理解できませんでした。 真中の部分だけのhtmlを増やして表示させるようなやり方はできるのでしょうか? できれば、そのようなテンプレを元に、リニューアルをしたいと考えております。 このようなテンプレをご存じの方いましたら教えてください。 また、簡単にできるよ!というようなやり方ありましたらご教授下さい。 このような、デザインのものを作りたいと考えています。 http://field.lolipop.jp/template/index.html

  • フレームについて

    縦に三分割しているHP作っているのですが、メインのページ(真ん中)に縦スクロールだけでなく横スクロールが入ってしまいます。横幅の感覚が一文字でも入ってしまいます。すみませんが理由のわかる方、対処方法わかる方、よろしくお願いします。

    • ベストアンサー
    • HTML
  • ターゲットフレームについて教えてください。

    フロントページを使っています。元々上下に3分割されたフレームの真ん中部分に、さらに左右に2分割したフレームを入れたいのです。左部分をコンテンツにして、リンク先を右部分に表示したいのですが、ターゲットフレームを右部分のフレーム名にしてるのに、どうしてもリンク先を表示させると左部分が残らず、元々の上下のフレームしか残りません。教えてください、よろしくお願いします。

  • フレームの四分割でリンク

    こんにちは。よろしければ教えて下さい。 フレームを上中下の三分割(10%、80%、10%)にし、中を更に左右(20%、80%)で割りました。 これらを 上=ue 中=naka 下=sita 左=hidari(メニューページ) 右=migi(メインページ) とします。 この時、左(メニュー)から右(メイン)にリンクすると同時に、上もしくは下もリンクさせたい(右を押すと左と上が同時に変わる)のですが、htmlもしくはスタイルシートで出来るでしょうか? 上をサブメニューとして使いたいのです。 申し訳無いのですが (1)JavaScriptは使えません。 (2)CGI非対応スペースです。 (3)これ以上フレームを増やすのは避けたい です。 ちなみに過去の質問は拝読しましたが、読んだ限り3分割、フレームを更に入れ子にするという回答が主でした。 しかし最初に上中下と組んでしまっているので、入れ子が出来ません。 フレームを三分割にして左メニューでテーブルを組んで見た目上同じ効果を出す、というのは考えたのですが、直接リンク出来ればそれに越した事は無いので、お尋ねさせて頂きました。 宜しくお願い致します。

  • フレームタグを使わないで分割

    http://にゃんこ大戦争.jp/ のホームページのようにフレームタグを使わないで分割しているように表示させるにはどうすればよいのでしょうか? CSSを使うと思いますが、全くわからず。。質問させて頂きました。 もしどなたかよろしければ、タグを教えて頂きたいです。

    • 締切済み
    • CSS
  • HP作成のフレームとテーブル

    HP作成に挑戦しています。 無料ブログなどで記事やプラグインに見よう見まねでタグを使っている程度です。 HP作成にあたりページヘッダー部分にHPのタイトルを入れ2カラムにしたいのですがフレームで分割すると一つのフレームにファイルを割り当てているようなのですが(例えばトップページを分割するならばフレーム定義ファイルはindex.htmlに対し左フレームに****.html右フレームに****.htmlというように)コンテンツの部分はそれでも構わないのですがヘッダーとなる部分をフレーム分割するとタイトルだけ表示させることに悩んでしまいました。 無料ブログのように各分割部分にテキストで書き込むようにするにはテーブルを使って分割するのでしょうか? 無料ブログ等はテンプレートのスタイルシートが出来上がっておりますので当然未熟な私にも使えるのですが1からレイアウトとなると 戸惑います。 HP用のテンプレートをお借りしたとするとブログのようにテキストで使えるのでしょうか? 不慣れな為的を得て質問できずにごめんなさい

  • フレームなどのHTMLについて

    エディタなどを使って、HPを作成しようとしています。 自分でいろいろ配置しながらソースを確認してやってるんですが、 どうにもうまくいかないので、2つほどアドバイスお願いします。 (1)例えばテーブルを1つ作ったとして、その横に文章を書く時、テーブルの1番下のところにしか文字が書けません。 また同じようなことだと思うんですが、テーブルの横に少し間を開けてテーブルを作成しようとしても、元あったテーブルの下へ出来てしまい、横に並べて作ることが出来ません。 どうやったら作れるんでしょうか。 ソフトは「alphaEDIT+」を使用しています。 タグでもいいので教えて頂けると嬉しいです。 (2)HPのベースを作る際、この教えて!gooみたいに、横にメニューを置いて作りたいと思います。 その時、ここと同じようにメインの部分をスクロールさせた時、一緒にメニューも動くようにしたいです。(ブログによくある感じで) これがノンフレームってやつなのか^^; こういう時は、メニューとメインを別々に作ってタグかなんかでくっつけて表示させるんでしょうか? またもしそうなら、普通のフレームで作ったのと同じように、各ページを表示させる時「target」とかで表示させる場所をメインの部分にしておけば、メニューは自動的に表示されるんでしょうか? 初心者なので質問が意味不明かもしれませんm(__)m また、こういうHTMLが分かりやすく書いてあるようなオススメサイトがあれば教えてほしいです。 よろしくお願い致します。

  • 画面の二分割(?)について

    画面の二分割(?)についての質問です。 いま、画面が左右二分割されたホームページをHTMLを使って作っている途中なのですが、現段階では、まず画面が二分割にすらなりません。1回、二分割出来た時もありましたが、その後、どうしたら左のページに文字を書くことが出来るのか分からなくなってしまいました。 サイト様を回って、テンプレートをダウンロードしてもやり方がいまいちよく分からないので、HTML辞典などを調べて自分で作っているので、原因は自分にあるのは良く分かっています。 理想は、http://wdt.pekori.jp/template/top/007/007_gray.html←このテンプレートを左右に二分割して右にページが出るようにすることです。 本当に初心者な私でも分かるようなサイト様があれば教えて頂けないでしょうか? もしくは、ソースの何処にどんなHTMLを入れればいいのかを指摘してくれれば助かります。

  • tableでページを分割したときの空白

    質問です。<table>タグを使って、ページを左右に2分割しているのですが、左側に<p>タグでコンテンツメニューを記述しているため、右側のテキストの上に空白ができてしまっています。 <p>タグを使ったまま、右側のテキストの上に空白が出来ないようにするには、どのように記述すれば良いのでしょうか。 回答をお待ちしております。

    • ベストアンサー
    • HTML