• 締切済み

table 幅固定で、端までいったら自動折り返し タグ

クリックありがとうございます、また質問させて頂きます。 今メモ帳でホームページを作成中です。 素人質問かもしれませんが、お力貸して下さると助かります。 小説ページを作成しているのですが、その中でTABLEを幅固定して自動折り返しさせる方法がわかりません。 色々なサイト様を巡らせて頂き、 <table width="750" cellpadding="20" border="0" style="table-layout:fixed;"> ↑こういうタグを打った所(勿論最後に</table>とかつきます)、幅は固定されるものの、width=750の大きさのラインで文字が折り返されず途切れてしまいました。 (メモ帳には「テストテストテストテスト」と打っていても、ページを開くと「テストテストテス」で文章が終了してたりする、ということです。) また、table width="数字"や、パーセンテージで設定すると幅自体が固定されません。 検索で、半角英数字の連打(例:aaaa)は普通の設定だと折り返しされないと知ったため、「テストテストテスト」などの単語を連続して試しています。 最終手段の、<br>使用はなるべく控えたいと思っています。 上手く固定出来るタグを教えて頂けると嬉しいです。 宜しくお願いします。

  • HTML
  • 回答数4
  • ありがとう数6

みんなの回答

noname#83877
noname#83877
回答No.4

連投すみません。 多分指定が問題なのではなく、IEのバグだと思います。 IE6を含め他のモダンブラウザでは問題ないようなので。

cce-yow
質問者

お礼

返答が遅くなってしまって申し訳ないです。 ご回答ありがとうございます。 やっぱり上手くいきませんでした(´・ω・`) なぜだかわかりませんが、やはりテキストが途中で切れてしまいます。 IEのバグは直らないのでしょうか・・・(汗

noname#83877
noname#83877
回答No.3

以下のように指定すると改行されました。 ちょっと今のところ他に方法が思いつきません・・・ td { word-break:break-all; } 独自拡張なのでちょっと迷いますね。

cce-yow
質問者

お礼

大変遅くなりまして申し訳ございません。 ご回答頂きありがとうございました!

noname#83877
noname#83877
回答No.2

確認できました。 標準準拠モードで動作するときIE7でhaslayoutがオンになると起こるバグのようです。

cce-yow
質問者

お礼

大変遅くなりまして申し訳ございません。 ご回答頂きありがとうございました!

cce-yow
質問者

補足

haslayout調べてきました。 haslayoutをtrueにすれば解決出来るということで試してみたのですが、状況かわらず・・・(´・ω・`) 2パターン試してみました。 ◆1つめ <style type="text/css"> body{ font-size: 12pt; line-height: 200%; margin-left: 0px; padding-left: 0px; haslayout: true; background-image: url(nor_hana006.gif); background-position: right top; background-repeat: no-repeat; background-attachment: fixed; } </style> ◆2つめ <table width="750" cellpadding="20" border="0" style="table-layout:fixed;" haslayout="true"> どちらも間違っているのでしょうか。 どちらをやっても何も変化しませんでした。

noname#83877
noname#83877
回答No.1

問題のブラウザは何でしょうか? 簡単に確認しましたがIE6、7、Firefox3で問題がないようです。

cce-yow
質問者

お礼

IE7でした(´・ω・`) やはり、私のやり方が間違っているのでしょうか・・・・(汗

関連するQ&A

  • テーブル幅が固定できない

    cssに「table-layout: fixed;」を記載してテーブルの幅が固定になるように設定しています。 設定していますが、ブラウザの幅を狭めると テスト1|テスト2|テスト3 と表示されていたものが テスト1 テスト2 テスト3 と、レイアウトが崩れてしまいます。 <table>、<tr>、<td>タグにつけてみましたが、全て崩れてしまいます。 幅や高さ等も指定していますが、何かが足りないのでしょうか。

    • ベストアンサー
    • CSS
  • テーブルの幅を固定するとnowrapがきかなくなるのですが・・・

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

  • 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が正確な値なのでしょうか? よろしくお願いします。

  • table の幅を固定したい

    初心者です。教えて頂けますか? テーブル内に、php pear mdb2 を利用して文字列を入れているのですが、 文字列が長いのですが、シングルバイト文字とマルチバイト文字で挙動が異なっています。 指定している幅で固定したいのですが どうすれば良いでしょうか? 申し訳ありません。よろしくおねがいします。 <table width="380" border="1" cellspacing="0" cellpadding="0"> <tr> <td> あいうえお。あいうえお。あいうえお。あいうえお。あいうえお。あいうえお。あいうえお。あいうえお。あいうえお。あいうえお。... </td> </tr> </table> <table width="380" border="1" cellspacing="0" cellpadding="0"> <tr> <td> yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy... </td> </tr> </table>

    • ベストアンサー
    • 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指定が出来ないのでしょうか。 なぜ変わってしまうのでしょうか?どこかに記述の問題があれば教えていただければありがたく思います。

  • テーブルの幅固定について

    テーブルの幅固定を以下のように行っているのですが文字が指定した幅を超えると、 幅を指定してるにも関わらず、文字が改行せずに幅が伸びてしまいます。 自動的に改行になるとばかり思っていました。 <br>での改行は考えていないので、テーブルの幅を絶対的に固定する方法ありますでしょうか? <table width="50" border="0" style="background-color: #cecece"> <tbody> <tr> <td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> </tr> </tbody> </table>

    • ベストアンサー
    • HTML
  • tableタグについて

    tableタグの挙動について教えてください。 下記のタグで、tableの幅は240pxにしたいのですが、 ブラウザ表示(Chrome)では230pxとなりました。 この10pxの隙間はどこで発生しているのでしょうか? どうぞよろしくお願いします。 ーーーーHTMLーーーーー <body style="width:240px;margin:0 auto;"> <div class="list-box"> <table width="240" border="0" cellspacing="0" cellpadding="0"> <tbody><tr> <td>テキスト/td> <td>テキスト/td> </tr> </tbody></table> </div> </body> ーーーーCSSーーーーー .list-box{margin:0 auto;} .list-box table{ width:100%;} .list-box table td:first-child{ background:#900;} .list-box table td:last-child{ background:#069;}

    • ベストアンサー
    • CSS
  • テーブル<TD>の幅の固定

    テーブルのTD幅をWIDTHで指定しているのですが、入力するテキストによって幅が動いてしまいます。 例) <table width="50">  <tr>   <td width="10">AAAAAAAAAAAAAAAA</td>   <td width="40">AA</td>  </tr> </table> というような場合、幅の狭い方のセル幅が広くなってしまいます。 また逆に広い方が何度も改行させられて出力されたり、出力させたいテキストによって、いかようにも幅が変更されてしまいます。 他のサイトなども色々調べてみて、半角英数字の場合は特に顕著ということも書かれてあったのですが、半角英数字の出力は必須なんです。 (全角文字の場合でも、完全に固定とはなりませんでした) やっぱり完全にテーブルのセル幅を固定するのはムリなのでしょうか? 何か解決方法はありますでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブル幅を完全に100%にしたい

    テーブルの幅を画面の端っこから端っこまでの完全なる100%にしたくて以下のようにしたのですが、どうしてもブラウザの端の方が微妙にあいていて白色が見えます。 <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#0E2C49" bgcolor="#003300"> <tr><td>test</td></tr> </table> どうすれば完全に幅100%になりますか? できる限り<div>は使いたくありません。 tableで構成しているし、なにより<div>の使い方を知らないからです。 また、ヘッダー部分を作っているので、できれば画面下の余白も全くない状態にしたいと考えています。 協力お願いします。 ちなみにソフトはDreamweaver8使っています。

    • ベストアンサー
    • HTML
  • tableタグとtableタグの間の余白の消し方について

    現在モバイル用のHPを作成しているのですが、 AUで見た際に、tableタグとtableタグの隙間(空白)が出来てしまいます。 tableタグ1個でまとめればどうってことのない問題なのですが、 デザイン上、どうしてもtableタグを分ける必要があるります。 ■以下ソースです。 ************************************* <html> <head> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS" /> <title>タイトル</title> </head> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"> <center> <a href=""><img src="gazou.gif" width="151" height="42" /></center> </td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" bgcolor="#FFFFCC"> <center> <a href=""><img src="gazou.gif" width="151" height="42" /></center> ・ ・ ・ ************************************* ↑の… </table>      ←この部分に余白ができます。 <table width="100%" border="0" cellpadding="0" cellspacing="0"> どなたか原因と解決法をご教示いただけませんでしょうか。 宜しくお願いいたします。

    • ベストアンサー
    • HTML