ALIGN="RIGHT"がIE6でくずれます・・・。

解決済

質問者：loto6
質問日時：2001/11/29 00:37
回答数：4件

タイトルに書かれているように、テーブルタグ内で
<td align="right"><img src="?????"></td>
とするとIE6では右によらず、デフォルトにままになってしまいます。マックのIE5.1,NN6.2, LINUXのNNではうまくいくのですが、どうしてでしょうか？
IEでくずれるので正直こまっています。
あと、文字のサイズ指定は<FONT SIZE=....>よりもスタイルシートを使ったほうがいいのでしょうか？

通報する

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

質問の本文を隠す

回答 (4件)

No.1

回答者： callhiro
回答日時：2001/11/29 02:16

今試してみたんですけど、ＩＥ６でもちゃんと右寄りに表示されましたけどね～。

マックのＩＥ６なんですか？

画像しかないテーブルでしたら
<th align="right"><img src="?????"></th>
で試してみてはいかが？
<th>は標準でセンタリングされるはずなんですけど。

もしかしたら、その<td>自体ではちゃんと右端に表示されているけど
それより外側のタグがなんか影響して右に寄ってないように見えるのかも。

この回答への補足

回答ありがとうございます。
学校じゃないと確認できないので、返事が遅れてすいません。
簡単なもので試してみたのですが、表示できました。。。
なんか、感じではテーブルタグの書き方がおかしい気がしてきました。
上の方の回答で簡単なソースを載せていますので、試してもらえるとうれしいです。よろしくお願いします。

補足日時：2001/11/29 16:24

通報する

- 0
- 件

通報する

No.2

回答者： shiba1
回答日時：2001/11/29 07:26

!DOCTYPEが関係しているとか何とか？？？

IE6だと、入れ子テーブルで、親テーブルのalign属性を受ける。
とか？そういう話題をちょっと耳にしました。
私は使っていないのでなんとも分かりませんが、
参考URLを見てみて下さい。
思いっきり関係ないかも・・・。

参考URL：http://hp-design.net/announce/ie6_ie55.html

この回答への補足

回答ありがとうございます。
参考URL見させていただきました。
まったくDOCTYPEは書いてなかったのですが、
書くとテーブルの使い方が制限されてしまうと言う事でしょうか？

補足日時：2001/11/29 16:18

通報する

- 0
- 件

通報する

No.3

回答者： Adams2001
回答日時：2001/11/29 14:17

WindowsのIE6で、BODY直下のTABLE要素ではまったく問題なく表示されます。

そのTD要素が含まれるTABLE要素だけを別ファイルにコピーして表示してみてはどうでしょう。その表内の記述が問題なのか、その外側の要素との兼ね合いなのか、までは判明すると思うのですが。

＞あと、文字のサイズ指定は<FONT SIZE=....>よりもスタイルシートを使ったほうがいいのでしょうか？

<FONT SIZE=・・・>を単純に<SPAN style="font-size:・・・">に置き換える、ということなら、ページの作者、読者双方に何のメリットもありませんので変更する必要はないと思いますよ。

この回答への補足

みなさん、回答ありがとうございます。
みなさんの回答を読んだ限り、はっきり言ってどの回答も当てはまりそうで困っております。
今の時点ではっきりしている事は、
僕の環境はマックで、IE5.1,NN6.2(いづれもfor mac)では完全動作
学校にあるwinマシンのIE６ではALIGN属性がまったく有効ではない（centerなどもでした。。。）
Linux NN4.75ではフォントサイズが指定できない。その他有効（これはしょうがないのかな？）

!DOCTYPEはもともと指定していませんでした。
（初耳でした、これは書かなくてもよいのでしょうか？）

で、実際簡単な物を作って見てみたらALIGN="RIGHT"がうまく行きました。

これって、どっかで終了タグがないからなのでしょうか？
かなり複雑なテーブルを作ってしまったので自分でも自身がありません。
もしよろしければ、下に書いてあるのが正しいか試していただけませんか？
ご面倒かけてすいません。
<html>
<head>
<TITLE></TITLE>
</head>
<body bgcolor="gray">

<table border="1" width="700" height="980" bgcolor="white" align="center" cellpadding="1" cellspacing="1" >

<tr>
<td width="50" height="50" colspan="2">1</td>
<td>2</td>
<td width="50" height="50" colspan="2" align="right">3</td>
</tr>

<tr>
<td width="700" height="100" colspan="5">4</td>
</tr>

<tr>
<td width="330" colspan="2" rowspan="3" valign="top">5</td>
<td width="10" rowspan="3" valign="middle" align="center">6</td>
<td colspan="2" align="right" height="350" width="360">7</td>
</tr>

<tr >
<td colspan="2" height="10" align="left" >8</td>
</tr>

<tr>
<td colspan="2" align="center" height="370">9</td>
</tr>

<tr>
<td colspan="5" width="700" height="50">10</td>
</tr>

<tr>
<td width="50" height="50" colspan="2">11</td>
<td width="10">12</td>
<td width="50" height="50" align="right" colspan="2">13</td>
</tr>

</table>
</body>
</html>

補足日時：2001/11/29 16:04

通報する

- 0
- 件

通報する

No.4ベストアンサー

回答者： callhiro
回答日時：2001/11/29 19:27

試してみましたが、テーブル要素の幅がうまく指定されていない

のがうまくいかない原因のようですね。

2つ修正するとうまくいくと思います。

【1つ目】
全体で幅700のテーブルでと指定していますが、
一行の5つのセルを「2　1　2」とくっつけて3つのセルがあり、
両端の幅をそれぞれ50と指定されていますが、真中は空白ですよね？
そこに試しにwidth=600と書きましょう。
いつもこういう固定的な幅指定はしないのですが、
省略してはいけないようです。

【2つ目】
数字の5と7が入っているセルが上で指定している幅とあっていません。
width=350となっているところを、それぞれwidth=50と修正してください。

これでセンタリングや右寄せはうまく見えると思います。

これまで右端によっていないように見えていたのは、
実際にはもっと広い幅で表示されているのに、
それよりも小さい範囲の幅のなかで右端によっていたからのようです。

こんな説明でわかりましたか？

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。
ちょっと複雑でわかりにくかったと思いますが、
上の1と３の幅指定、真中の５と７の幅指定、一番下の幅指定
やはりこれらが違うのが間違いだったようですね。
真中の幅が一番重要だったのでこっちにあわさせたのですが
それでうまく行きました。
あとは帰って家のパソコンで崩れてないこと祈ります。
どうもありがとうございます。

通報する

お礼日時：2001/11/29 21:09

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！