- ベストアンサー
テーブル内でテキストが不自然な位置で折り返す
- Webアプリのテーブル内でテキストが不自然な位置で折り返す現象が発生しています。
- Windows7 IE9、IE11でこの現象が確認されています。
- テキストエリアに入力しているときも折り返しの問題が発生しているようです。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- tableの横の位置を変えるには？？
<div> <table> <tr><td>あ</td><td>い</td></tr> <tr><td>う</td><td>え</td></tr> </table> </div> が仮にあったとして、これを外部ＣＳＳファイルでどこかのタグに text-align:center を適用させ、テーブルの位置を真ん中にさせたい（表のような使い方です）んですが、自分でやってみたら、divとtableにＩＤとclassで両方試して適用させましたができませんでした。 この表の横の位置をブロックとしてとらえて移動させることはできる でしょうか？？
- ベストアンサー
- HTML
- テーブルの中にテーブルを入れ込んで・・・
最近、質問ばかりしてるような気がするのですが・・・ m(__)m 親テーブルのセルの中に子テーブルを入れ込んで 子テーブルを親テーブルのセルの縦位置を中央に表示させたいのですがうまく行きません NN6.Xでは表示されるのですがIEだと上寄せに 表示されてしまいます。 これはIEの仕様でしょうがないのでしょうか？ （↑けしてダジャレではありません(^^ゞ） セル内配置でテキストや画像は上手く 中央位置に出来るのですが子テーブルが出来ないです なぜでしょうか？ 参考のためにソースコードを --------------------------------- <table width="100%" border="1" height="100%"> <tr> <td align="center" valign="middle"> <table width="50%" border="1" height="50%"> <tr> <td> </td> </tr> </table> </td> </tr> </table> ------------------------------------- よろしくお願いします。 スタイルシートやjavascriptを使ったやりかた とかもあるのでしょうか？
- ベストアンサー
- HTML
- 改行が変な位置、中途半端な位置にて、不本意な改行がされていますので、そ
改行が変な位置、中途半端な位置にて、不本意な改行がされていますので、それを防ぐ方法、やり方を教えてください。 まずは添付画像をご覧ください。 ドリームウェーバーCS5を使用してHPを作成しました。その際には、テーブルの中にテキストを入力し、そのテキストには予めCSSにてフォントサイズ・色を設定しています。 テキスト入力時にテーブルの端まで文字を入力する場合には、端の部分に来たところで、シフトキーとエンターキーを同時に押して改行しています。コードを確認すると<br />となっており、ちゃんと改行が出来ているようです。 その後にブラウザーでのプレビューすると、私のPC（windowsXP IE8)からでは、ちゃんと改行が設定どおりにされているのですが（画像上）、しかし、他のPC（windows7 IE8）で見ると改行が無理やり？変な位置で改行されてしまい、見た目が崩れてしまっています（画像下）。 どのようなやり方、方法をすれば、意図した改行、思惑通りの改行が出来て、どのPCから見ても同じように表示させる事が可能なのでしょうか？ アドバイス…ご指示をお願い致します。
- ベストアンサー
- HTML
- テーブルからはみ出します
下記の様な感じにテーブルを配置してその中に文章を入れています。 <table width="***"> <tr><td> あいうえおかきくけこさしすせそたちつてと・・・・・・ </td></tr> </table> winで見たら問題は無いのですが、マックのIEで見ると、 文字の部分がセルからはみ出して表示されます。 改行されないというわけではなく、セルからちょっとはみ出したところで改行されます。 セルの端まできた時に自動的に改行させるようにするには どのようにしたら良いでしょうか。 よろしくお願い致します。
- ベストアンサー
- HTML
- ＩＥでテーブル内のテキストが勝手に改行されます。
個人でサイトを運営しているのですが、 外部ＣＳＳをテーブルに適用するとＩＥとＦｉｒｅｆoxで表示が変わってしまい 困っています。問題は下記です。 テーブルに指定するＣＳＳは以下のようなものです。 table.1{ border-top:1px solid #666666 ; border-left:1px solid #666666 ; border-collapse:collapse; border-spacing:0; background-color:#ffffff; empty-cells:show; text-align:left; font-size: 10pt; padding:3px; } .1 th{ border-right:1px solid #666666 ; border-bottom:1px solid #666666 ; color:#330000; background-color:#996633; padding:0.1em 0.1em; text-align:center; } .1 td{ border-right:1px solid #666666 ; border-bottom:1px solid #666666 ; padding:8px 8px 8px 8px; line-height: 120%; } そして本文のＨＴＭＬです。 <table width="166" border="0" class="1"> <tr> <td colspan="2"><div align="center">テキストテキスト</div></td> </tr> <tr> <td>イメージ写真</td> <td>イメージ写真</td> </tr> <tr> <td width="76"><p>テキストテキストテキストテキストテキストテキストテキストテキスト</p></td> <td width="79"><p>テキストテキストテキストテキストテキストテキストテキストテキスト</p></td> </tr> </table> 以上のようなものです。 このようにするとＦｉｒｅｆｏｘではきちんと表示されるのですが、 ＩＥだとテキストの部分が４文字ほどで勝手に改行されてしまい、 かなり縦長のテーブルになってしまいます。 試行錯誤してみたのですが、全然できなくて本当に困っています。 もし解決策をご存知の方おられましたら、ぜひ教えていただければ幸いです。
- ベストアンサー
- HTML
- tableタグ内のテキストについて
編集しているWebページのソースを見て最近気になったことがあります。現在レイアウトの主流になっているテーブルですが、table,tdタグ内に記述するテキストはなぜpやh1～h6などのタグで囲んで記述しないのでしょうか？ タグ辞典やリファレンスを見てもタグを使わずに記述されていますがこれはなぜなのでしょうか？
- ベストアンサー
- HTML
- テーブルについて
テーブルについて 下のように直接入力した、例えば半角小文字を入力すると、横いっぱいに広がり改行せず、画面よりはみ出してしまいます。 この場合横サイドのwidithの属性もききません。 widithの指定範囲で改行して表示する方法は無いのでしょうか？ お教えください。 <table> <tr> <td>33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333 </td> </tr> </table>
- ベストアンサー
- ブラウザ
- 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
- Firefoxでのテキストエリアに入力した文字の改行
Firefoxでのテキストエリアに入力した文字の改行について質問させてください。 http://oshiete1.goo.ne.jp/qa2691799.html ↑のページを参考にテキストエリアに入力したテキストがリアルタイムで確認できるページを作成しました。 IEではテキストエリア内の改行がちゃんと反映されたのですが、Firefoxではテキストエリア内の改行が反映されずに、エンターキーを押すと半角スペース？になるだけで一連の文として出力されてしまいます。 どなたかこの現象の解決策をお知りの方がいらっしゃいましたらご教授ください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- textで新着情報を書きtableの中に読み込むにはどうしたらいいのか教えてください。
たとえば下記のmemo.textを作り 年月日 2010.1.30 今日は晴れてます。 2010.1.29 来月は展示会します。 下記のタグの間に２から３行ぐらい読み込み表示させたいのですがたいのですが <table width="403" height="144" border="0" cellpadding="10"> <tr> <td width="379">この間に</td> </tr> </table> どなたか教えていただけないでしょうか？
- 締切済み
- ホームページ作成ソフト
お礼
ありがとうございます。原因がわかりスッキリしました。 早速、試してみたいと思います。