No.1ベストアンサー
- 回答日時:
簡単なのは、表を作り大きさをピクセルで任意の大きさに固定します。
その中にコンテンツを書けばレイアウトが崩れません。
表の罫線サイズを「0」にすれば罫線も表示されません。
No.3
- 回答日時:
それで正常です。
ブラウザの大きさは見る人が勝手に調整しますので、横幅をどれくらいにすればいいかは作者にはわかりません。そこで、自動的に横幅にあわせて折り返し、縦方向にだけ伸ばしていくことに仕様上なっています。
TABLE要素やスタイルシートで横幅を固定することは可能ですが、そうすると横スクロールと縦スクロール、両方使わないと閲覧できない人が出てくるかも知れません。そんな面倒な操作をしながら我慢して読む義務なんてないわけですから、そういう人はさっさと立ち去って二度と来てくれないでしょう。
また、印刷した時に横幅が大きすぎると用紙を横にしたり大きくしないと切れてしまいます。ということで、可能ならば横幅は固定しないのがベスト(つまり現状がベスト)です。
が、デザイン的に固定したい、ということもあるでしょう。その場合でも横幅は600~640pxくらい、大きくても800pxまでにしましょう。640pxまでなら相当数の人が横スクロールしなくて済みますし、A4縦で印刷可能です。
IE5以上、Netscape6以上であれば、簡単な修正で横幅を固定して、かつ常に真中に表示させることができます(Netscape4.xでは真中ではなく左寄りになります)。
<BODY>
<DIV style="text-align:center">
<DIV style="width:640px;text-align:left;margin:0 auto">
(中略)
</DIV>
</DIV>
</BODY>
と、BODY開始タグの直後に2行、BODY終了タグの直前に2行、追加して見てください。横幅は2番目のDIV要素内の640pxの数値の部分を変えれば変わります。
No.2
- 回答日時:
例えばこんな感じではどうでしょう。
<BODY>
<TABLE>
<TBODY>
<TR>
<TD style='font-size : 11px;font-family : "MS Pゴシック";width : 800px;height : 200px;vertical-align : top;'>こんにちは</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・あなたの人生で一番ピンチに陥った瞬間は?
- ・初めて見た映画を教えてください!
- ・今の日本に期待することはなんですか?
- ・【大喜利】【投稿~1/31】『寿司』がテーマの本のタイトル
- ・集中するためにやっていること
- ・テレビやラジオに出たことがある人、いますか?
- ・【お題】斜め上を行くスキー場にありがちなこと
- ・人生でいちばんスベッた瞬間
- ・コーピングについて教えてください
- ・あなたの「プチ贅沢」はなんですか?
- ・コンビニでおにぎりを買うときのスタメンはどの具?
- ・おすすめの美術館・博物館、教えてください!
- ・【お題】大変な警告
- ・【大喜利】【投稿~1/20】 追い込まれた犯人が咄嗟に言った一言とは?
- ・洋服何着持ってますか?
- ・みんなの【マイ・ベスト積読2024】を教えてください。
- ・「これいらなくない?」という慣習、教えてください
- ・今から楽しみな予定はありますか?
- ・AIツールの活用方法を教えて
- ・最強の防寒、あったか術を教えてください!
- ・【大喜利】【投稿~1/9】 忍者がやってるYouTubeが炎上してしまった理由
- ・歳とったな〜〜と思ったことは?
- ・モテ期を経験した方いらっしゃいますか?
- ・好きな人を振り向かせるためにしたこと
- ・スマホに会話を聞かれているな!?と思ったことありますか?
- ・それもChatGPT!?と驚いた使用方法を教えてください
- ・見学に行くとしたら【天国】と【地獄】どっち?
- ・これまでで一番「情けなかったとき」はいつですか?
- ・この人頭いいなと思ったエピソード
- ・あなたの「必」の書き順を教えてください
- ・14歳の自分に衝撃の事実を告げてください
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
HTMLフォームのSELECTの幅を一...
-
インラインフレームの表示位置...
-
aタグに直接style=""で:hoverを...
-
外部CSSがFireFoxで反映されません
-
text-alignの解除の方法
-
ピクセル表示をパーセント表示...
-
Dreamweaverで画面サイズを一定...
-
<h1>タグの後の行間を詰めたい。
-
INPUT TEXT内の文字位置を指定...
-
右と左の両端に色を付けるには?
-
パソコンのみで反映される余白...
-
アップロードするサーバーによ...
-
フォームが枠で囲えない
-
線が極端に細いテーブルで、特...
-
htmlのタグ間の謎の空白
-
なぜ左に寄っているの?
-
<pre>で折り返させる方法を教え...
-
端から端まで横線を引きたい
-
macとwindowsのレイアウト崩れ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
HTMLフォームのSELECTの幅を一...
-
インラインフレームの表示位置...
-
<h1>タグの後の行間を詰めたい。
-
端から端まで横線を引きたい
-
INPUT TEXT内の文字位置を指定...
-
macとwindowsのレイアウト崩れ...
-
text-alignの解除の方法
-
なぜ左に寄っているの?
-
htmlのタグ間の謎の空白
-
chromeだけbody直下に空白が開く
-
CSSでh1とその下の文字との行間...
-
paddingを指定するとwidthやhei...
-
外部CSSがFireFoxで反映されません
-
CSSの設定
-
formタグ下にできる隙間を埋めたい
-
IE8ではtext-align: center;で...
-
FireFoxで見るとブラウザの幅に...
-
Dreamweaverで画面サイズを一定...
おすすめ情報