- ベストアンサー
ページ内のあらゆるオブジェクトを、すべて、センタリングで、一旦きちんと、真中に配置しても、
ページ内のあらゆるオブジェクトを、すべて、センタリングで、一旦きちんと、真中に配置した時、ページ右端から、狭めてゆくと、普通はだんだん、消えてゆきますが、これが、パーセント指定などしてある時は、消えて行かないですよね、これが、真中の位置を維持したまま、消えないで、伸縮してほしいのですが、、、、 実際に、これを、実現をしようと思えば、ここに、<div align="center"></div> <p align="center"></p> <center></center> これらのタグを記述しないといけないのでしょうか ？ それとも、一発の配置で、ページ内全てのオブジェクトに影響する、タグ記述の方法が存在するのか、教えてください。 （すいません、変な質問で。。。）
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
質問と過去の回答者の補足から推測して回答します。 まず、補足に記述されているソースから > <DIV style="top : 73px;left : 139px; position : absolute; z-index : 1; " id="Layer1"> > <DIV align="center"> この２行ですが、２行目は１行目のがTYLE属性指定の為有効になっていません。 無駄な記述です。 >左部分はそのままです（伸縮しません）なぜでしょうか？ １行目のDIVタグのLeftを指定しているので伸縮(?)はしません。 >実際に、これを、実現をしようと思えば、ここに、…(省略) TABLEタグの中に記述されている文字を全てCENTERに表示したいのでしょうか。 そうであるなら、以下のようにTABLEタグを記述すればCENTERに表示されます。 <TABLE border="1" width="80% " height="52"> ↓ <TABLE style="text-align: center" border="1" width="80%" height="52"> 上記全ての修正を完了すると以下のような記述になります。 <BODY> <TABLE style="text-align:center" border="1" width="80%" height="52" align="center"> <TBODY> <TR> <TD align="center">o</TD> <TD>l<BR> </TD> </TR> <TR> <TD>b</TD> <TD>k</TD> </TR> </TBODY> </TABLE> </BODY> ※ちなみに、 BODYタグに、style="text-align: center"を指定すると、 <BODY style="text-align:center"> となり、BODYタグ内の記述は全てCENTERになります。 ただし、TABLEタグ内記述には反映されないので TABLEタグ毎に <TABLE style="text-align:center" …> が必要になります。 私が、推測した回答は以上です。 更に、不明点等あれば補足してください。
その他の回答 (3)
こんにちは！ こんな感じでどうでしょうか？ <body> <div align="center"> <table width="100%" height="100%" border="0"> <tr> <td bgcolor="#FF0000"> </td> <td width="70%" align="center" valign="middle"> <p>あいうえお</p></td> <td bgcolor="#FF0000"> </td> </tr> </table> </div> </body> コピペでご確認ください。 分かりやすいように左右に色をつけてあります。
お礼
ありがとうございました、このタグですが、左右一杯に広がったまま、左方向にページをちじめても、左右にページ一杯のまま、伸縮するようになりませんか？ <BODY> <DIV style="top : 0px;left : 0px; position : absolute; z-index : 1; " id="Layer1"> <DIV> <TABLE> <TBODY> <TR> <TD bgcolor="#ffcccc" height="130" width="750"></TD> </TR> </TBODY> </TABLE> </DIV> </DIV> <DIV style="top : 41px;left : 151px; position : absolute; z-index : 2; width : 397px; height : 43px; " id="Layer2" align="center"><FONT size="+3">テキスト</FONT></DIV> </BODY>
- mrkk
- ベストアンサー率31% (46/144)
改行しないようにする、という意味でしょうか…？ <body> <table width="100%" height="100%"> <tr> <td align="center" nowrap> 本文 </td> </tr> </table> <body> というのは如何でしょうか。 nowrapで改行を防ぎます。
お礼
回答ありがとうございました、実は、このタグで悩んでいるのです。 ページの右端を左方向に寄せると、確かに、右部分は伸縮するんですが、左部分はそのままです（伸縮しません）なぜでしょうか？ <BODY> <DIV style="top : 73px;left : 139px; position : absolute; z-index : 1; " id="Layer1"> <DIV align="center"> <TABLE border="1" width="80% " height="52"> <TBODY> <TR> <TD align="center">o</TD> <TD>l<BR> </TD> </TR> <TR> <TD>b</TD> <TD>k</TD> </TR> </TBODY> </TABLE> </DIV> </DIV> </BODY>
- the845t
- ベストアンサー率33% (246/743)
<table width="600" align="center"> <tr><td> ～～～ここに本文をまとめる～～ </td></tr> </table> という風にテーブルで囲ってはいかがですか？ 消えるというニュアンスを違って受け止めているかもしれませんが。
お礼
回答ありがとうございました、実は、このタグで悩んでいるのです。 ページの右端を左方向に寄せると、確かに、右部分は伸縮するんですが、左部分はそのままです（伸縮しません）なぜでしょうか？ <BODY> <DIV style="top : 73px;left : 139px; position : absolute; z-index : 1; " id="Layer1"> <DIV align="center"> <TABLE border="1" width="80% " height="52"> <TBODY> <TR> <TD align="center">o</TD> <TD>l<BR> </TD> </TR> <TR> <TD>b</TD> <TD>k</TD> </TR> </TBODY> </TABLE> </DIV> </DIV> </BODY>
お礼
ご親切な回答ありがとうございます。当方のHTMLの基礎ができていないので、本当にご迷惑かけています。 さて、ご親切に甘えさせていただくとしまして、、、 全て修正のタグは確かに、見事、真中にきました。あと、この表の下に、テキストを記述しました、この、テキストも、表と同じように、伸縮しながら中央に位置してくれたら、、、これが(1)質問です、そして、(2)質問が下記のタグなんです、これも、横がページ一杯に広がりながら、伸縮しながら、テキストは中央に位置してほしいのですが、、、 <META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=750; pageheight=900"> <DIV style="top : 0px;left : 0px; position : absolute; z-index : 1; " id="Layer1"> <DIV> <TABLE border="1"> <TBODY> <TR> <TD height="105" width="434" bgcolor="#ffcccc"></TD> </TR> </TBODY> </TABLE> </DIV> </DIV> <DIV style="top : 35px;left : 102px; position : absolute; z-index : 2; width : 238px; height : 21px; " id="Layer2" align="center"><FONT size="+2"><B><FONT size="+3">テキス