![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ページ内のあらゆるオブジェクトを、すべて、センタリングで、一旦きちんと、真中に配置した時、ページ右端から、狭めてゆくと、普通はだんだん、消えてゆきますが、これが、パーセント指定などしてある時は、消えて行かないですよね、これが、真中の位置を維持したまま、消えないで、伸縮してほしいのですが、、、、
実際に、これを、実現をしようと思えば、ここに、<div align="center"></div>
<p align="center"></p>
<center></center>
これらのタグを記述しないといけないのでしょうか ?
それとも、一発の配置で、ページ内全てのオブジェクトに影響する、タグ記述の方法が存在するのか、教えてください。
(すいません、変な質問で。。。)
No.3ベストアンサー
- 回答日時:
質問と過去の回答者の補足から推測して回答します。
まず、補足に記述されているソースから
> <DIV style="top : 73px;left : 139px; position : absolute; z-index : 1; " id="Layer1">
> <DIV align="center">
この2行ですが、2行目は1行目のがTYLE属性指定の為有効になっていません。
無駄な記述です。
>左部分はそのままです(伸縮しません)なぜでしょうか?
1行目の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" …>
が必要になります。
私が、推測した回答は以上です。
更に、不明点等あれば補足してください。
ご親切な回答ありがとうございます。当方の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">テキス
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_13.png?e8efa67)
No.4
- 回答日時:
こんにちは!
こんな感じでどうでしょうか?
<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>
No.2
- 回答日時:
改行しないようにする、という意味でしょうか…?
<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>
No.1
- 回答日時:
<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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- その他(プログラミング・Web制作) pythonでのカーソル移動がずれる 2 2023/07/30 08:51
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- 大学受験 センター現代文2008でわからないところがあります。 https://www.toshin.com/ 4 2022/05/13 19:37
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
表とリスト(ulとtable)の違い...
-
Tableタグで作成した表の縮小
-
divで囲んだ文字が消える
-
Dreamweaver デザインビューの...
-
td要素内のdiv要素をセンタリン...
-
ブラウザによってテーブルのセ...
-
入れ子にしたテーブルをheight1...
-
XHTMLに関する質問 順序が逆に...
-
Tableタグ内のspan styleが適応...
-
同じクラス名はつけないほうが...
-
cssで、テーブルのtdの中の文字...
-
テーブルの枠線に色が付かない
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの行を折りたたみたい...
-
<th>タグを使っても太字にしな...
-
TRタグの余白をcssで設定するには
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
formのinputなどの幅100%指定
-
divで囲んだ文字が消える
-
td要素内のdiv要素をセンタリン...
-
XHTMLに関する質問 順序が逆に...
-
テーブル内のテーブルの高さを...
-
td width="180" と固定してるの...
-
Tableタグで作成した表の縮小
-
Tableタグ内のspan styleが適応...
-
cssで、テーブルのtdの中の文字...
-
table内の画像を中央寄せ、のせ...
-
<img>タグにCSSのclass設定可能?
-
Firefoxを使ってるのですがズー...
-
表とリスト(ulとtable)の違い...
-
trとtrの間
-
同じwidth=200でもセル内の文字...
-
リストの記号を括弧付きの文字...
おすすめ情報