• ベストアンサー

テーブル内で均等表示させたい

IE6のブラウザで、スタイルシートのtext-align:justifyをテーブル内で使うと正しく均等表示にならずに左詰になります。 body直下なら問題なく表示されますが、これは仕様でしょうか? テーブル内で均等表示させたいです。

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

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

  • ベストアンサー
  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.1

確かtext-align: justifyを指定する時は、IE6ではtext-justifyプロパティを指定しないと、均等割付にならないはず。 参考 text-justifyプロパティ →http://www.htmq.com/style/text-justify.shtml Firefox1.5以降なんかはtext-align:justifyで均等割付表示が実装されていると思うけど・・・。

関連するQ&A

  • テーブル<TD>内に均等割付で表示

    例えば、下記のソースで「あああ:」「いいいい:」「ううううう:」をそれぞれ均等割付で表示させたいのですが、テーブルを使用すると出来ません。お分かりになる方がいらしたら教えてください。IE5,6のみ対応ということは承知しています。スタイルシートは、使用した事はありますが勉強不足なので初心者に近いかもしれません。 <table> <tr> <td>あああ:</td> <td>DDDD</td> </tr> <tr> <td>いいいい:</td> <td>EEEE</td> </tr> <tr> <td>うううううう:</td> <td>FFFFF</td> </tr></table> ------------------------------------- <DIV STYLE="text-align:justify; text-justify: distribute-all-lines"> ↑こういうのはテーブルでは利かないんですよね?

  • TDタグ内での均等割付の仕方

    Webページにテーブルを作成し、そのデータを均等割付したいんです。 均等割付はスタイルシートで、text-alignの値をjustifyにすればいいのはわかったんですが、それをどう書けばいいのかがわからないんです。 お知恵を貸して下さい。

    • ベストアンサー
    • HTML
  • テーブル内でセルの幅に合わせて均等割付したい

    テーブルのセルの幅を指定して、その幅に合わせて テキストを均等割付したいのですが、どうすれば良いでしょうか。 テキストは一行です。 justifyを使って均等割付しようとしているのですが、 複数行の場合は上手くいくのですが、一行の場合上手くいきません。 通常通り左寄せになってしまいます。 text-justify:の値も、distribute-all-linesだったりinter-wordだったりと 色々試したのですが、やはり左寄せのままでした。 <TABLE><TR><TD> <DIV STYLE="WIDTH:200px; text-align:justify; text-justify:justify;"> 均等割付したい</DIV> </TD></TR></TABLE> 煮詰まっています。どなたか教えて下さい。 (投稿カテゴリが異なっていたらすみません…)

    • ベストアンサー
    • HTML
  • 表組の均等割り付け

    スタイルシートで均等割り付けをする方法をググって .sample { text-align : justify; text-justify : distribute; } といった指定方法を使ってみたのですが、目的の配置になりません。 添付画像のように割り付けたいのですが、どのようにしたら良いのでしょうか? ご教示頂けないでしょうか? どうかよろしくお願い致します。

    • ベストアンサー
    • CSS
  • スタイルシートでの中央揃え

    <html> <head> <title>文書のタイトル</title> <meta http-equiv="Content-Style-Type" content="text/css"> <style> body{text-align: center;} </style> </head> <body> <table> <tr> <td> テーブルの内容 </td> </tr> <table> テーブル外の内容 </body> </html> のように、スタイルシートで、 body{text-align: center;} を指定したのですが、IE6ではtableが中央揃えされましたが、NN7.1やFirefox 1.5.0.7ではtableが中央揃えされませんでした。 centerタグを使えば問題ありませんでしたが、非推奨なのであまり使いたくありません。 スタイルシートを用いてIE6と同様にNNやFirefoxでtableを中央揃えするようにするにはどうすればいいでしょうか。

    • ベストアンサー
    • HTML
  • テーブルをサイトの真ん中に表示させたい

    テーブルをサイトの真ん中に表示させたいのにうまくできません。 <html> <body> <table border="3" cellpadding="3" cellspacing="3"> <td style="text-align:center;">中央に表示</td> </table> </body> </html> これなんですが、左側に寄ってしまいます。 テーブルを中央に表示させる方法をご教授願います。

    • ベストアンサー
    • HTML
  • IEだと左側に赤い中のテーブルが寄ってしまう

    http://oshiete.coneco.net/qa8437703.html こちらで質問してご回答いただいてタグを修正したのですが、 なぜかIE以外のブラウザなら、中のテーブルが中央に表示されるのに IEは左側に赤い中のテーブルが寄ってしまいます。 対応方法を教えてください。 コードは <html> <head> <title>test</title> <style type="text/css"> #zentai{ width: 850px; margin: 0 auto; text-align: left; background-color:red; } </style> </head> <body> <div id="zentai"> test </div> </body> </html> です。

    • ベストアンサー
    • HTML
  • tableでcolspanを使うと次行以下のセルの幅が均等に?

    tableでcolspanを使うと、colspanで結合した行の次行以下のセルの幅が均等になってしまいます。 どうすれば、colspanで結合した行の次行以下のセルの幅が均等になるのを防げるでしょうか?IE6,IE7 意図的にスタイルシートは、使用しないでください。 例: <table width="300" border="1" cellspacing="1" cellpadding="5"> <tr> <td colspan="2" width="284" align="center"> タイトルセル </td> </tr> <tr align="left" valign="top"> <td width="100"> セル左 <td> <td width="171"> セル右 <td> </tr> <table> 上記の場合、本来ならば、左のセルの幅(100px)が右のセルの幅(171px)より狭いはずなのに、左のセルの幅と右のセルの幅が均等になっていしまいます。 下記コード部分を上記のコードから削除すると、本来の比率で左のセルと右のセルの幅が表示されます。 <tr> <td colspan="2" width="284" align="center"> タイトルセル </td> </tr> よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブル内のスタイルシートについて。

    カテゴリHTMLでよいのか、ちょっとビクビクしているのですが。 テーブルのひとつのセル内で左揃えの文字列と右揃えの文字列を作りたいのです。 スタイルシートを使おうと思ったのですが、 それぞれの文字列に <SPAN STYLE="text-align:left;">むにゃむにゃ</SPAN> <SPAN STYLE="text-align:right;">うにょうにょ</SPAN> と指定をしても全く反映されません。 一つのセル内で左右に文字を振ることは不可能なのでしょうか?

    • ベストアンサー
    • HTML
  • cssでテーブルを中央配置にするには?

    よろしくお願いします。 テーブルを中央配置にしたいのですが、 <center>、<div align="center">は、W3Cの非推奨タグであるため、代替方法として、<div style="text-align:center">を使用してみたのですが、うまくいきません。 <body> <div style="text-align:center"> <table> <tr> <td>あいうえお</td> </tr> </table> </div> </body> としたとき、WinXP IE6.xではテーブルが中央に配置されるのですが、WinXP Netscape 7.x では中央に配置されませんでした。どなたか解決策をご存知でしたらご教授願います。よろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう