• ベストアンサー

テーブルの「WIDTH指定」と「%指定」

どうも。どなたかご教授お願いします。 テーブルの幅を「%指定」した場合、ブラウザの大きさによって自動的に伸縮すると思いますが、「%指定」と「WIDTH指定」双方のメリット、デメリットはなんでしょうか? 「楽天市場」なんかは自由に伸縮されるようになっていますし、大方の企業紹介ページは「width」指定でかっちりきまっているように見受けられますが。 ご面倒ですがお願いします・・・。

  • HTML
  • 回答数2
  • ありがとう数3

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

  • ベストアンサー
noname#5751
noname#5751
回答No.2

<ピクセルで指定する場合> ユーザーのブラウザの表示サイズに関係なく一定の幅で 表が表示されます。企業サイトの場合、画面の見栄えを 良くするため、ナビゲートボタンを画像ファイルで作っ て配置するので表の伸縮でレイアウトが崩れないように ピクセル指定で表で外枠を作ってその中に文章を置いて いくことが多いので、中に置く表もピクセル指定するこ とが多いようです。また、文字サイズはスタイルシート を使って固定してしまいます。 <パーセントで指定する場合> ・・とは言っても、ユーザーはやっぱり自分の読みやす い幅でブラウザを表示させたいし、小さい字だと読みに くいですよね。 と、言うわけで、このページを含めて文字主体のコンテ ンツの場合、%サイズ指定して自由に変更可能にするこ とが多いようです。 つまり、見栄えと使い勝手のどちらを優先するか・・・ ということだと思います。

その他の回答 (1)

回答No.1

大体、HPは800×600ユーザを考慮し、作成されます。 サイズ指定  メリット:小さいサイズの画面でも意図しない改行されない。 デメリット:上記、逆に横幅によってはスクロールしなければならない。       また、フォントの定義が無い場合、崩れる可能性もある。 %指定  メリット:画面サイズにあわせて、見た目(デザイン)よく表示される。 デメリット:画面巾を小さくした場合、テーブルが極端に縦長になる可能性も。 以上、私の現段階で想像するメリット・デメリットでした。

関連するQ&A

  • テーブルの幅の指定・・・

    テーブルの幅が変わらないように 幅を指定するようにするにはどうしたらよいでしょうか? 普通にwidth=100などと打ち込んでいるのですが、 サイズが変化してしまいます。 もうちょっと具体的に言うと、 <table> <tr> <td></td> <td></td> </tr> <tr> <td colspan=2></td> </tr> </table> 上に二つテーブルがあって、 その下に一つのテーブルがある状態です。 この状態で、上の二つのテーブルの右側の方には画像を入れて、 幅と高さを指定したいと思っています。 その下には、文を打ち込む予定です。 この画像のところを変化しないように指定したいのです。 画像が何重にも写らないようにしたいからです。 文をたくさん打ち込むとそれだけテーブルが大きくなりますよね。 そのときに上の二つのテーブルのところの 画像が入っていない左のほうのテーブルの長さを変化させたいのです。 どうすればいいでしょうか? よろしくおねがいします。

    • ベストアンサー
    • HTML
  • HTMLのwidthについて

    パソコンの画面幅より大きいwidthを指定した場合でも ブラウザ下の横スクロールバーを表示して、スクロールできるようにしたいのですが できるのでしょうか?

    • ベストアンサー
    • HTML
  • TABLEタグの幅指定

    テーブルの幅を厳密に指定したいのですが、 例えば以下のような1行2列のテーブルがあるとき、 <TABLE CELLSPACING=1 CELLPADDING=4 BORDER=0> <TR> <TD WIDTH=100>***</TD> <TD WIDTH=100>***</TD> </TR> </TABLE> このような場合にテーブルタグにWIDTH属性を加えるとすると、 100*2+4*4+1*3=219で、WIDTH=219が正確な値なのでしょうか? よろしくお願いします。

  • iframeでWIDTHとHEIGHTを指定せずにすむ方法は?

    楽天で時々iframeでたくさんの内容を表示させている人がいますが、ソースを見るとWIDTH="(幅)" HEIGHT="(高さ)" を指定していないんですよね。なのにスクロールバーを出さず、子ページをきちんと全部表示している…これを自分でやるとタテもヨコもちょんぎれてしまいます。いったいどういう裏技なのでしょうか???

    • ベストアンサー
    • HTML
  • Operaでtableが崩れる

    ブラウザによって形が崩れてしまうのがいやなので、tableを使って大まかな形を作っています。 今tableの幅を指定して、3つ重ねた状態 <table></table> <table></table> <table></table> ↑というような感じになっているのですが、 operaで見たときだけ、一番上のtableが横に伸びてしまいます(width=100%な状態)。 どうしたら形が崩れないようになるでしょうか? アドバイスをお願いします。

    • ベストアンサー
    • HTML
  • テーブルを固定

    □□□ □□□ 上記のように6つのテーブルを作ったとします。 スタイルシートで"<table style="width="200" height="200">のように幅を指定しても 作ったテーブルより小さいサイズの画像を入れただけでも全体が大きく崩れてしまいます。 これをテーブルの幅を幅以下の画像なら("width="200" height="200"で作った場合は199まで)動かないように完全固定したいのですがどのような方法で可能になるのでしょうか?。

    • ベストアンサー
    • HTML
  • 可変幅でabsolute指定で中央配置できません

    可変幅でabsoluteを指定すると中央配置できなくなります。 ブラウザの幅に合わせて中身のサイズも合わせて伸縮するサイトを構築したくて色々試しているのですが、どうしてもうまくできません。 どのように指定したらできるのでしょうか?困っています、どなたかお助けください。 例えば画像が固定のサイズであれば  width:500px; position:absolute; left:50%; margin-left:-250px; 見たいな形で中央配置できるのですが、可変の場合、、伸縮させたいので、横幅は常に500pxとはなりません。 よろしくお願い致します。

    • ベストアンサー
    • CSS
  • テーブル高さ指定タグについて

    テーブル高さ指定タグについて サイズがバラバラの4枚の画像をテーブルを使って同じ幅・高さ縦横各2枚並べて表示したいと思っています。 下記のとおり高さ・幅300と指定をしているにもかかわらず、400×400pixの画像が高さを超えて目いっぱい表示してしまいます。 <table border="1" width="600" height="600" cellspacing="0" cellpadding="0"> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_1.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_2.jpg"></td> </tr> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_3.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_4.jpg"></td> </tr> </table> どうすれば、すべて300×300pixの範囲内におさめることができるのでしょうか?

    • ベストアンサー
    • HTML
  • CSSでtdの横幅の片方だけを指定したい

    横2列の table を配置して、一方の tdのみ 120px で強制的に確保したいです。 <table style="width:100%"> <tr> <td style="width:120px;">120pxで固定したい</td> <td>残りスペース全て使う </td> </tr> </table> ※ここに記載するため、styleで表記しています。 上記でCSS指定すると、ブラウザの横幅に合わせて伸縮してしまい120pxの幅より大きくなってしまいます。 伸縮せず120pxで強制する指定方法がございましたら教えてください。

  • テーブル(TD)の幅について。

    <TD WIDTH=100>この幅指定はディスプレイ幅内のテーブル幅なら有効なんですが ディスプレイ幅を超えるテーブル幅になると途端に崩れてしまい 意図しないところで勝手に改行されていたりします。 この問題を回避する為には<TABLE>の方にも幅指定してやらないといけないのでしょうか? それとも回避不能なんでしょうか?よろしくお願いします。

    • ベストアンサー
    • HTML