ページ内のあらゆるオブジェクトを、すべて、センタリングで、一旦きちんと、真中に配置しても、

解決済

質問者：hikarika1
質問日時：2003/04/09 06:30
回答数：4件

ページ内のあらゆるオブジェクトを、すべて、センタリングで、一旦きちんと、真中に配置した時、ページ右端から、狭めてゆくと、普通はだんだん、消えてゆきますが、これが、パーセント指定などしてある時は、消えて行かないですよね、これが、真中の位置を維持したまま、消えないで、伸縮してほしいのですが、、、、
実際に、これを、実現をしようと思えば、ここに、<div align="center"></div>
<p align="center"></p>
<center></center>

これらのタグを記述しないといけないのでしょうか？
それとも、一発の配置で、ページ内全てのオブジェクトに影響する、タグ記述の方法が存在するのか、教えてください。
（すいません、変な質問で。。。）

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： BlueRay
回答日時：2003/04/09 16:00

質問と過去の回答者の補足から推測して回答します。

まず、補足に記述されているソースから

> <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" …>
が必要になります。

私が、推測した回答は以上です。
更に、不明点等あれば補足してください。

- 0
- 件

通報する

この回答へのお礼

ご親切な回答ありがとうございます。当方の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">テキス

通報する

お礼日時：2003/04/10 01:28

No.4

回答者： yayopix
回答日時：2003/04/10 04:33

こんにちは！

こんな感じでどうでしょうか？

<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>

コピペでご確認ください。
分かりやすいように左右に色をつけてあります。

- 0
- 件

通報する

この回答へのお礼

ありがとうございました、このタグですが、左右一杯に広がったまま、左方向にページをちじめても、左右にページ一杯のまま、伸縮するようになりませんか？

<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>

通報する

お礼日時：2003/04/12 07:38

No.2

回答者： mrkk
回答日時：2003/04/09 09:36

改行しないようにする、という意味でしょうか…？

<body>
<table width="100%" height="100%">
<tr>
<td align="center" nowrap>
本文
</td>
</tr>
</table>
<body>

というのは如何でしょうか。
nowrapで改行を防ぎます。

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました、実は、このタグで悩んでいるのです。
ページの右端を左方向に寄せると、確かに、右部分は伸縮するんですが、左部分はそのままです（伸縮しません）なぜでしょうか？

<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>