• 締切済み

表/枠の幅に関して

初歩的な質問で申し訳ありませんが、表/枠の幅に関して教えて下さい。 数が変動するある表を作成していますが、それぞれの枠の中に表示されるデータの長さにかかわらず、固定の枠幅にしたいと考えています。 但し、通常通りにwidthで指定すれば、枠幅は固定とされるかと思われますが、ブラウザの枠が変更した場合でも、表の中の個別の枠間隔は変動しないまま、表全体のサイズが変わるようにしたいと考えております。 枠の間隔が同一になるやり方と両方教えて下さい。

  • HTML
  • 回答数1
  • ありがとう数0

みんなの回答

  • k0021
  • ベストアンサー率26% (32/120)
回答No.1

枠の間隔は %(パーセント)で指定すれば枠は変更されます px(ピクセル)等絶対値指定すれば変動しません 作成例 <table border="1" cellspacing="0" style="width:90%;margin-left:36px;"> <col span="1" style="width:4ex;"><col span="1" style="width:305px;"><tbody> <tr><td>pc</td><td> パイカ(1pc=12pt)</td> <td> 12ポイントを1pcとするフォントサイズを基準とした単位</td></tr></tbody></table> 上記指定の場合tableでパーセント指定で3個目の枠の幅は、指定が無いので 3個目の枠が変動します <table border="1" cellspacing="0" style="width:800px;margin-left:36px;"> <col span="1" style="width:10%;"><col span="1" style="width:200px;"><col span="1" style="width:290px;"><tbody> 上記指定の場合tableでピクセル指定ですので枠は固定します colの指定がパーセントでも枠は固定します

関連するQ&A

  • 表に画像を入れて枠幅が変わらない方法は?

    ホームページ作成時、表(行数と列数共に2)を挿入、そこへ大き目の画像を入れると枠が広がってしまいます。大きさの違う画像を入れても枠の幅が固定したままにするにはどうしたらいいでしょうか?。

  • word2007で表の枠の中に画像を挿入出来ない

    word2007で「表」の枠の中に画像を挿入出来ない レイアウト→セルのサイズで自動調整→列の幅を固定するにチェック をいれ図から画像を挿入したら画像が「表」からはみ出る(枠の中に入らない)

  • テーブルの幅を固定するとnowrapがきかなくなるのですが・・・

    いつもお世話になっております。どなたか教えて下さい。 テーブルの幅を”width=***”で固定しました(tableタグもtdタグも両方)。文字列を改行したくないので”nowrap”を書いて改行不可にしたら、改行は回避できたものの、幅が固定されずに文字の長さに合わせられてしまいました。 そこでこのサイト内で方法を模索していると”style=table-layout:fixed”で固定できると書いていたので追加すると幅の固定は出来たのですが、今度は文字列が改行されてしまいました。 どうすれば幅を固定し、改行も回避できるのでしょうか? 文字列が長すぎるものは途切れていてもOKなので、枠をとにかく固定したいのです。 どなたか回答御願い致します。 ブラウザはIE5か6です。

  • ホームページビルダー14で作成しています。表(セル)が固定できなくて困

    ホームページビルダー14で作成しています。表(セル)が固定できなくて困っています。 過去ログ等で確認したことことはすべて行ったつもりなのですがどうにもうまくできません。 新規作成から2X2の表を作りました。 (1)(2) (3)(4)と表記します。 (1)はwidth=200,height=70の指定、(2)はW=700,H=70、(3)はw=200,h=20、(4)はW=700,h=20です。 枠は表示としました。更に上記表の下に1X2の表を作ります。(5)(6) (5)は(3)と同じ、(6)は(4)と同じです。 画像をファイルから(1)に貼り付けます。(1)のセルよりも画像が大きいので一度表の外に貼り付け後 リサイズしてから(いきなり(1)に貼り付けるとセルが大きくなってしまうため)貼り付けます。 次に(3)に別の画像を同じ手順で入れます。 この時に上(2x2)の表のサイズが下(1x2)の表のサイズと変わってしまいます。 ソースを確認してもWとhの記述は最初と変わりありません。IEで確認すると枠がずれています。 また、セルの幅が200pixcel、枠1pの時、合計で200pなのですか?202pなのでしょうか 同様に200pと700pの幅の時の全体の長さは900p、903pどちらなのでしょうか? 属性やスタイルをいじってみたのですが良くわかりません。 列2つを囲んで指定し、そのwidthと各のセルのwの合計は同じにするのですか? もし枠幅が別の場合、上記では長さが合わないですよね? 表の中に表を作成するときに参考にしたいと思っています。

  • WORD表の幅の固定化方法

    WORD 2007 、w7 ユーザです。 WORD の表で列数・行数、高さ・幅を決め、高さを固定値に指定するのと同様に、幅を固定値にする方法を教えてください。

  • 表の考えかた

    ホームページビルダーを使っています。 どうも表については、いまいち理解しづらいのですが・・・ 次の考え方は合っていますか?(pixelで指定してます) [表の幅]は・・・ [罫線の幅] + [セル内の余白] + [枠の幅] + [セルの幅] ----------------------------- たとえば、2列の表の場合 [罫線の幅] =2 [セル内の余白] =3 [枠の幅] =2 [セルの幅] =100 ・・・と指定したとき、実際の幅は [罫線の幅]   =2 → 2×2=4 [セル内の余白] =3 → 3×4=12 [枠の幅]    =2 → 2×2=4 [セルの幅]   =100→ 100×2=200 以上合計すると[表の幅]は 4 + 12 + 4 + 200 = 220 ・・・ということになりますか?

  • <TABLE>の<TD>タグの幅指定について

    <FORM>を2つに切って、その表示がずれてしまうという記事が少し前にありましたが、多少内容がかぶるかもしれません。 列項目が全く同じ2つの表を上下に並べて表示しようと思っています。 <TABLE>タグはWIDTHの指定ができるので表全体のサイズは上下でそろっているのですが、その中の項目の縦の線がずれてしまいます。 原因はその項目に表示される内容が上の表と下の表とで異なっていることによるズレのようです。 (<TD>のタグにはwidthの指定が無く、<TABLE>全体として、バランスが取れるように自動的に中の項目幅を調整してしまうためらしいです(--; ) 何か画期的な裏技がありましたら、教えてください。 お願いします。

    • ベストアンサー
    • HTML
  • HTMLの表で幅を指定しても折り返すことは無理なのでしょうか?

    以下のHTMLの表は横幅を指定していますが、 すごく横長な表になってしまいます。セルの幅を指定してもセル内の文字を折り返す事は不可能なのでしょうか? <html> <head> <title>table</title> </head> <body> <table width="570" border="1"> <tr><td width="130"> test1</td> <td bgcolor="#CCCCCC" width="440"> oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo </td></tr></table> </body> </html>

    • ベストアンサー
    • HTML
  • テーブルの幅

    tableのwidth指定についての質問です。 同じレイアウトで複数のhtmlファイルを作るのですが、その中のテーブル及びセルの幅をwidthで固定してあるのにも関わらず、セル内のテキストの長さによって各ファイルごとのテーブルのセルの幅が、IEでの表示で変わってしまいます。 <table width="450" cellspacing="0" cellpadding="2" border="1"> <tr> <th bgcolor="#ffcccc" width="150">aaaaaaaaa</th> <th bgcolor="#ffcccc" width="286">\100,000</th> </tr> <tr> <td colspan="2">ここには商品説明が入ります。ああああああああああああああああああああああああああああああああああああ</td> </tr> </table> 上記のaaaaaaaaaの部分がファイルによって長さが違うのですが、それによってセルの幅が変わってしまいます。 IE6でプレビューすると変わりますが、firefoxでは変わりません。 <th>を<td>に変更すると、幅は固定され変わりません。 IEの場合、thでwidth指定が出来ないのでしょうか。 なぜ変わってしまうのでしょうか?どこかに記述の問題があれば教えていただければありがたく思います。

  • 表の幅・高さ100%表示が、ブラウザによっては見え方が違う事ついて

    初めまして。お世話になります。 現在、ホームページを作成していますが、 分からない事がありますので、質問させて頂きました。 ホームページビルダーで、表(tableタグ)を使ったレイアウトを作成中です。 表の幅(width)と高さ(height)を共に100%で指定し、 表の中をセル(td)で細かく仕切り、その中に画像やテキストを配置し、 レイアウトしたいと思っています。 表のサンプルソースはこんな感じです。細かくてすみません…。 <TABLE border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> <TR> <TD height="20" colspan="5"></TD> </TR> <TR> <TD height="1" bgcolor="#cccccc" colspan="5"></TD> </TR> <TR> <TD height="30" colspan="5"></TD> </TR> <TR> <TD height="1" bgcolor="#cccccc" colspan="5"></TD> </TR> <TR> <TD colspan="5" height="5"></TD> </TR> <TR> <TD rowspan="3"></TD> <TD rowspan="3" bgcolor="#0000ff" width="1"></TD> <TD height="1" width="700" bgcolor="#0000ff"></TD> <TD rowspan="3" bgcolor="#0000ff" width="1"></TD> <TD rowspan="3"></TD> </TR> <TR> <TD width="700"></TD> </TR> <TR> <TD width="700" height="1" bgcolor="#0000ff"></TD> </TR> </TABLE> 上記のソースでは表の中に、幅700pxの青色の四角いスペースを作っています。 しかし、ブラウザで見え方を確認しますと。 InternetExplorer、Opera、Sleipnirではうまく表示できますが、 Firefox、Lunascapeではうまく表示できません。 高さは大丈夫なのですが、 <TD height="1" width="700" bgcolor="#0000ff"></TD> <TD width="700"></TD> <TD width="700" height="1" bgcolor="#0000ff"></TD>等の、 width="700"が無視され、青色の四角いスペースまでもが、100%表示になってしまいます。 どのようなタグを書けば、どのブラウザでも正しく表示できるようになるのでしょうか? また、Firefox、Lunascapeのバージョンが古いのですが、 これらの影響もあるのでしょうか? Firefoxがバージョン1.5.0.2で、Lunascapeがバージョン3.5.4です。 よろしくお願いいたします。

    • ベストアンサー
    • HTML

専門家に質問してみよう