![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_11.png?e8efa67)
http://www.union-jp.net/home/fpkunion.html
↑のHPのよぅに2分割にして、真ん中のメインの幅を変えずに、左右の黒ぃ部分だけの幅を変えるには、
どのようなタグを打ち込めばいいのでしょうか。
質問がわかりずらくてすみません。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?e8efa67)
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が有効でない環境では、任意のサイズの新しいウィンドウを開いて、そこに読み出したファイルを表示させると思います。
これが最善策とはいえないとは思いますが、とりあえず参考になれば。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_13.png?e8efa67)
No.2
- 回答日時:
こんにちは!
このページではそれぞれのフレームで
幅600ピクセルのテーブルを中央揃えにしているだけです。
ページの背景色を黒にしてテーブルの背景色を白にしています。
<body bgcolor="#000000">
<center>
<table border="0" width="600" height="100%" bgcolor="#ffffff">
<tr>
<td valign="top">
こうなっています。
</td>
</tr>
</table>
</center>
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が見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 写真・ビデオ iPhoneで撮影した動画の画角をキープした状態で容量を減らす方法。 3 2022/09/25 17:23
- iPad iPadでoutlookのビューの幅を広げたいのですが、やり方が分かりません。 iPadでoutlo 2 2022/12/29 10:56
- 運転免許・教習所 お聞きしたいことがあります。 この写真のような道路で、 1、左折する時の幅寄せはどこまで寄っても良い 4 2022/09/27 20:09
- 運転免許・教習所 仮免技能教習2回行いました。 これから何回か教習してから試験を受けます。 受ける前に右左折の確認させ 1 2022/06/02 00:23
- 画像編集・動画編集・音楽編集 iphoneでcanvaを利用してるのですが、添付写真の白い点線の四角部分の縦幅を狭めることはできま 1 2022/11/18 12:49
- メイク 目の縦幅(二重幅を含む):1.3cm 目の横幅(見えている眼球の部分のみ):2.4cm 黒目の直径: 2 2023/01/07 11:20
- 運転免許・教習所 縦列駐車や方向変換についてです。 幅を同じくらいにしないと脱輪すると 思うんですけど、運転していて自 7 2023/04/25 23:33
- 数学 フーリエ変換後の負の周波数成分の扱いについて 4 2022/09/03 10:18
- 地図・道路 片側1車線の道路なんですが、 5 2023/04/14 23:05
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
テーブル内に画像を表示したい。
-
一つのテーブル内の文字色だけ...
-
HTMLでテーブルを横に並べる方法
-
文字の後ろだけ背景色を変えた...
-
箇条書きリストのすぐ横に画像...
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
【CSS】縦横スクロールテーブル...
-
【CSS】左右可変、中央固定の3...
-
<SPAN>で文字を右揃えにしたい...
-
DREAMWEAVERでテーブル一辺のみ...
-
CSSで同一行で左右揃え
-
テーブル内文字列がテーブル幅...
-
テーブルの列幅の部分固定の仕...
-
スタイルシートで、画像の横に...
-
テーブルの影の作り方とセル内...
-
(タグ)一部の背景色だけ変更...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
CSSで文字を一番下の中央に表示...
-
複数のテーブルを無条件に中央...
-
箇条書きリストのすぐ横に画像...
-
画像の横にテーブルを。。。
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
HTMLでページの幅を設定し...
-
DWで、デザインビューに表示さ...
-
ヘッダー固定のスクロールが可...
-
画像と、セルのつなぎ目に白い...
-
ドリームウィーバーでテーブル...
-
一部CSSを無効にする
おすすめ情報