No.3ベストアンサー
- 回答日時:
テーブル定義の%はテーブル全体に対しての割合です。
しかし、それぞれのセルの内容物のサイズによってはブラウザが勝手に
割合を変える場合があります。
ピクセル固定でもネットスケープナビゲータ等は内容によって無視しま
す。
従って、幅を固定したいならピクセル指定で固定した上で、テーブルの
各列に固定用のスペーサーを入れる事になります。また、ネットスケー
プだけが対応している<SPACER>タグを使用することにより、ネットスケー
プのテーブル表示上の不具合を解決すると言うやり方もあります。
ただし、これらは見えないテーブルをレイアウト用に使用したときに、
使用するテクニックであって、初心者が普通の表をこれらのイレギュラー
なテクニックを使用して固定するのもどうかと思います。
※ちなみに、テーブルのセル単位でのスクロールはありません。
スクロールが発生するのは、画面全体かフレームに対してです。
odricさんは「画面幅に対する%ですね。」
とおっしゃっているのでまたまた??になってしまいました。
raiyaさんの話とあわせて考えると、<th>または<td>の場合、
テーブルに対する%で
<table>で指定する%は画面に対する%
って解釈したんですが、違うでしょうか?
ブラウザはIEです。
固定用のスペーサーって何ですか?
本当に初心者で申し訳ないです・・・
これを読んで「アチャー、答えるんじゃなかった」
とかって思わないでくださいね・・・(^^;
No.6
- 回答日時:
こんばんは、私は独学でHTMLを学んだ者です。
batu1さんのお力になれるかどうか解りませんが
参考になればと思い・・・(; ̄ー ̄A アセアセ・・・
<table width="★" height="☆">
★・……表の横幅(ピクセル数または%)
☆・……表の縦幅(ピクセル数または%)
WIDTH、HEIGHT属性で表の大きさを指定する場合、
パーセンテージで指定すると、ブラウザのウインドウ
サイズに対する割合となり、ウインドウの大きさを変
えると表の大きさも変わりますので、横にスクロール
してもよいのであれば、パーセンテージで指定するよ
り、ピクセル指定の方が良いのではないでしょうか?
ピクセル指定であれば、絶対的な指定になるので、ブ
ラウザのウインドウの大きさに関係なく、同じ表示が
保てます。但しあまりにもピクセル数が大きくな
ると、HP見る人もスクロールして見るのが大変なの
で注意した方が良いと思います。
私の場合は、ノートPCのブラウザ(800×600ピクセル)
でも横スクロールしないですむように、横幅は800以内
で納めるようにしています。ご参考になれば^^;
とてもわかりやすい説明でした。ありがとうございます。
ところで<table width="800"> と書いたらスクロールしない範囲で画面いっぱいになるのですか??
今日会社でいろいろ指定を変えて書いてみたんですが、
<table>で何を指定しても何も反映されないんですよ~
何か基本的に間違えてるんでしょうか・・・(;_;)
No.5
- 回答日時:
何回もすみません。
あと、スペーサーについて書いておきます。
>固定用のスペーサーって何ですか?
一般に、1×1ピクセルの透明なGIFイメージの高さと幅をしていして、
特定のスペースを確保するために使われるGIFイメージをスペーサーと
言います。
これはテーブルやテーブル以外のレイアウティングに使われる補助的な
テクニックです。テーブルをレイアウト用に使うと、ドット単位の狂い
も認められない場合があるので、自然にこのテクニックが定着したもの
と思われます。
ただし、最近はnowrap属性などでコントロールする事を解説している本
なども多いですね。
因みに、幅をピクセルで指定してnowrapを指定すると幅は指定したピク
セルの幅になります。
ブラウザはIEと言う事ですが、IEは幅を数字で指定すればこれらのテク
ニックを使用しなくても比較的思い通りに表示してくれるはずです。
丁寧に何度もありがとうございます。
とりあえず、ピクセルで指定して試してみましたが、やっぱり列によって幅が変わってしまったので、いろいろ試した結果を報告させていただきます。
超簡単に説明させてもらうと
まず、<table widht=100%> を指定して <td widht="50"> を指定しました。
でもだめでした。なので<table>タグには何も指定せず<td>でピクセル数を書いたのですが、これもだめでした。
この時点でもう半泣きに・・・(T_T)
結局、<table style="table-layout:fixed"> と <colgroup>を併用してやっとこさ、うまくできました。
本当にどうもありがとうございました。
また新たな疑問があるので最新の質問も読んであげてくださいませ。
No.4
- 回答日時:
混乱させてごめんなさい。
TABLEタグに対する%は画面と言うか、ブラウザの表示幅に対する割合です。
一方、TDタグ等のセルに対する%はテーブル幅に対しての割合です。
列幅を指定していると書いてあったもので、個々のセルに対しての指定かと
思っていました。
No.2
- 回答日時:
えっと、
テーブルの幅を決める方法ですが、まず一つの列の幅を決める場合、
<colgroup span="★" width="☆☆">や<col span="★" width="☆☆">
として、
☆☆に数字を入れた場合には単純にその数字のピクセル分の幅になり、
テキストによって幅が変わることはないと思います。
これは、<th width="☆☆">や<td width="☆☆">を利用した場合も
同じだと思います。
またここで、☆☆に75%なんていれると、
表の大きさに対しての75%になります。
このとき、<table width="☆☆">なんてやって、テーブル自体の幅を
予め決めておかないと、
もしかしたらテーブル自体の幅が変わってしまうこともあるかもしれません。
また、<table>で75%なんて数字を入れた場合はブラウザのウインドー幅に
対する大きさになります。
えっと、もうひとつ、
<th nowrap><td nowrap>なんて感じに、nowrapの文字をつけておくと、
特別幅が指定されていない場合、文字列の幅にあわせるようになります。
このとき、一行の文字がどんなに長くても勝手に改行しませんので
文字が長ければ横にスクロールするようになります。
もちろん、上記のようにwidth=""でピクセル単位で幅を決めるのが
普通ですので、邪道なやり方にはなりますけど、、。
わかりづらい上に長文ですみません、、、。
参考URL:http://wakusei.cplaza.ne.jp/twn/html/index.htm
いえいえ、わかりやすい説明でした。
ありがとうございます。
また質問ですが幅を指定したうえで、<nowrap>を指定したら
どっちが優先されるのですか?
これは暇があれば教えてください。
ちょっと疑問に思っただけなので。
No.1
- 回答日時:
画面幅に対する%ですね。
はみ出ても良いのなら、直接数値を指定すればよいのではないでしょうか?
なお、参考URLにHTMLリファレンスがあります。
参考URL:http://wakusei.cplaza.ne.jp/twn/www.htm
回答ありがとうございます。
早速明日会社に行って直接指定を試してみます。
多分次から次にわからないことが出てくると思うので
またよろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブル内に画像を表示したい。
-
背景色を2色表示させたい
-
テーブルの列幅の部分固定の仕...
-
【CSS】左右可変、中央固定の3...
-
テーブルの位置を細かく指定し...
-
更新するとずれる?
-
テーブルが自動改行される
-
Tableタグで作成した表の縮小
-
html でのテキスト結合について
-
テーブルとテーブルの間隔について
-
便箋風の罫線
-
テーブルの行を折りたたみたい...
-
テーブルの一部分のセルだけに...
-
TABLEのセルの中の文字を行単位...
-
ASP GridViewで1レコード2行を...
-
widthを指定しない<td>が幅をシ...
-
tableにul,または,olを入れられ...
-
htmlで数字に○を付与したいが出...
-
VBAで作れるかな?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
ウィンドウのサイズを変えても...
-
tableのheight指定が効かない
-
画像の横にテーブルを。。。
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
テーブルでスクロールを同期したい
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
table内にiframeでテーブルが崩...
-
画像と、セルのつなぎ目に白い...
-
HTMLでページの幅を設定し...
-
CSSで文字を一番下の中央に表示...
-
インラインフレームのスクロー...
おすすめ情報