どの環境でも画像を中央表示

解決済

質問者：baltes
質問日時：2003/10/09 17:49
回答数：2件

どのような環境でも画像を中央表示させる方法を教えてください。（フレームは使いたくありません）
できればテーブルを使用し枠線（400×400程度）の中央に画像（350×350)表示（スライドショー）したいのですが・・・。
どなたかよろしくお願いいたします。

通報する

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

質問の本文を隠す

回答 (2件)

No.1

回答者： shy00
回答日時：2003/10/09 17:54

<table align="center">

<tr>
<td>
スライドショー用のタグ
</td>
</tr>
</table>

これで、テーブルが中央表示になります

align：詳細は
http://tohoho.wakusei.ne.jp/html/attr/align.htm
を参照してください

この回答への補足

shy00さん

ありがとうございます。
早速やってみましたが、うまくいきません。(画像がテーブルの外に表示されます。）
よろしければ下記につきご指摘お願いしたいのですが・・・
<table align="center"width=400 height=400 border color=#cccccc>
<tr><td>

<java Applet>（width=250 height=250)

</td></tr>
</table>

補足日時：2003/10/09 18:22

通報する

- 0
- 件

通報する

No.2ベストアンサー

回答者： master-3rd
回答日時：2003/10/09 18:10

まずは、ブラウザ上で必ず中心にしないといけないということですね。

<BODY>
<TABLE border="0" width="100%" height="100%">
<TBODY>
<TR>
<TD align="center"></TD>
</TR>
</TBODY>
</TABLE>
</BODY>

width="100%" height="100%と指定することでブラウザのサイズに左右されること無くブラウザのサイズ=枠の幅となり、ここに<center>を持ってくることでどの環境でも中心に文字などが来ます。

で、この中心に400x400の枠を置きさらにその中心に…なので、
<BODY>
<TABLE border="0" width="100%" height="100%">
<TBODY>
<TR>
<TD align="center">
<TABLE border="1" width="400" height="400">
<TBODY>
<TR>
<TD align="center">ここにソース</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
これでOKです。
とりあえず、このまま表示して、拡大縮小してみてください。