下記の様な感じにテーブルを配置してその中に文章を入れています。
<table width="***">
<tr><td>
あいうえおかきくけこさしすせそたちつてと・・・・・・
</td></tr>
</table>
winで見たら問題は無いのですが、マックのIEで見ると、
文字の部分がセルからはみ出して表示されます。
改行されないというわけではなく、セルからちょっとはみ出したところで改行されます。
セルの端まできた時に自動的に改行させるようにするには
どのようにしたら良いでしょうか。
よろしくお願い致します。
No.5ベストアンサー
- 回答日時:
No.3です。
解決しましたか?普通ではちょっと考えられないのですが、はやり、一番想像がつくのが、ソースの間違いです。ソースの間違いであれば、どこが問題か、ひとつひとつ検証するのが、プログラマのセオリーです。
1.新しいhtmlファイルを用意する。
2.それにその問題となっているソースの一部分だけ移植する。
3.それをブラウザで確認する。
4.問題がなければ次の部分を移植する
5.それをブラウザで確認する。
6.これを続けて問題となっているところを見つける。
この方法か、その逆の方法
1.問題となっているhtmlの関係ない(と思われる)部分を1箇所削除する。
2.それをブラウザで確認する。
3.問題がなければ次の、部分を1箇所削除する。
4.それをブラウザで確認する。
5.これを続けて問題となっているところを見つける。
そこのソースを良く見てみると、
意外と何か出てくるのでは…
ソースをみるのは慣れていますか?
もしかしたら、ソフトでしか組めない人ですか?
もしかしたら、しらないうちに、
れいやー機能とか使っていませんか?(だとすれば、
文字がはみ出ててもおかしくはありません)
知らないうちに重ねておいていませんか?
普通であれば、はみ出ることはありません。
どこか、ソースの間違い(しかも以外なところで!)があるというのが、多分、答えではないかと思います。
私なら、ソースを1つ1つ検証しながら、確認
してみます。ソフトで作成してると、整合性があわないソースが、勝手に無理やり入っている場合がありますからね。(ちょっとしたマウスのドラッグで、ぴぴっと)
元データをみることができないので、これくらいしか
返答ができませんが、がんばってください。
ありがとうございました。
リンクさせているスタイルシートを作り直してみたところ、解決しました。
ソースは手打ちで5年以上仕事をしているので慣れていますが、ここ最近この様な現象に悩まされていました。
何故だ何故だと当該ソースばかり睨んでいましたが、外部のスタイルシートまでは考えていませんでした…。
もっと視野を広く持って勉強しないと…と反省しました。
本当にどうもありがとうございました。
No.3
- 回答日時:
はじめまして。
ええと、ご質問の内容では、ちょっとわからないことがあります。>文字の部分がセルからはみ出して表示されます。
とありますが、なぜ、はみでているとわかるのですか? たとえば、ええと、このtableにボーダーが入っていて、それであきらかにそのボーダーからはみ出ているとわかるのですか?
それなら、やはり明らかにどこかでミスをしているのでは…。
レイアウトがくずれるというのは
1.明らかにどこかでhtmlの記述ミスがある。(ほんのちょっとしたところでもです!)
多少記述ミス(たとえば<tr>が一個ぬけてた!とか)があっても、ブラウザによっては、勝手に適当に表示してくれたり(余計なお世話)する場合もあります。ある環境のブラウザではミス反映して表示し、あるブラウザではミスは無視されて表示…という風に。
2.テーブルの%指定やピクセル指定が横幅ベースで整合性が取れていない。(計算機で計算してますか?)
3.ブラウザのバージョンによっては、<ul><li>等が2重のテーブルの中で、左右の幅が自分の指定したとおりにならない。(はみ出る)
などが理由として(まだありますが)あります。
それとも、
このtableにはボーダー等は入っていないが、winとmacでは、文字の改行位置が微妙に違う…というだけなのですか? それなら、フォントによって見え方がちがう…というだけかもしれません。
とりあえず、情報が少ないので、想像できる範囲を書いてみました。
この回答への補足
全体の背景色は青、テーブルの背景色は白にしています。テーブルのborderは0で、センターに配置しています。
それをマックで見ると、テーブルの中の文章が白い背景色の部分に1センチ程右にはみ出したところで改行されてしまうんです。
横にふたつ幅を指定したセルを並べ、それぞれに文章を入れた場合は、左側のセルの文章が右側の文章の頭に少し重なってたり。
フォントサイズは14。フォントは「MS Pゴシック,ヒラギノ角ゴ Pro W3, Osaka」にしています。
その他は特に問題はありません。以上の問題もwinでは正常に表示されます。
分かりづらくてすみません…。
No.2
- 回答日時:
#1>
nowrap は改行を禁止します。
<table width="***" cellpadding=5>
などのように、cellpadding要素を使用するといいかもしれません。cellpadding要素は、枠線とセルの内容の間の隙間のサイズを指定します。
もしくは、スタイルシートを使用し、
<td style="padding-right:10px;">
とすることで、当該セルの右側のみ、枠線との間の隙間のサイズを指定できます。
http://tohoho.wakusei.ne.jp/css/reference.htm#pa …
参考URL:http://tohoho.wakusei.ne.jp/html/table.htm
この回答への補足
マックで確認してみました。
教えていただいた方法では微妙にレイアウトが変わるものの、まだはみ出してしまいました…。
もうちょっと色々いじってみます。
どうもありがとうございました。
本文には書いていませんが、cellpaddingは0にしてあります。
これに問題があったのでしょうか。
明日にならないとマックで確認が出来ないので、明日教えて頂いた方法を試してみます。
また結果を報告しますね。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/04/21 08:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
TABLEのセルの中の文字を行単位...
-
CSS スタイルを子要素の子要素...
-
Frameを使わないホームページの...
-
html5のテーブル内でdivのタブ...
-
html table の中のボーダーが二...
-
HTML tableのセルにtextareaを...
-
TR タグの表示・非表示を一括で...
-
親要素のwidthは子要素のwidth...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
CSSで<table>を横に並べるよう...
-
フォームタグのプルタウンの隙...
-
textareaの外側の文字が下付き...
-
ラインを端から端まで画面いっ...
-
テーブル内のセル間にスペース...
-
cssで、1行2段のtableを記述す...
-
tableタグとformタグの組み合わせ
-
テーブルタグの中にdivを含めて...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
TABLEのセルの中の文字を行単位...
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
同じ幅指定のつもりなのに、ブ...
-
table表を横に並べる際の間隔指定
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
HTML tableのセルにtextareaを...
-
テーブルデータを折り返して表...
-
tableの位置がIEとその他ブラウ...
-
<fieldset>タグについて
-
正規表現で「より前」と「より後」
-
スタイルシートで左側だけ色を...
-
tableのcellpadding="0" cellsp...
-
tableを縦に続けるとtable間の...
-
HTMLのテーブルをExcelにCopy&P...
-
html5のテーブル内でdivのタブ...
-
(HTML)Tableを任意の位置に置...
おすすめ情報