OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

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

  • すぐに回答を!
  • 質問No.176563
  • 閲覧数535
  • ありがとう数1
  • 気になる数0
  • 回答数4
  • コメント数0

お礼率 47% (8/17)

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

質問者が選んだベストアンサー

  • 回答No.4
レベル10

ベストアンサー率 35% (54/152)

試してみましたが、テーブル要素の幅がうまく指定されていない
のがうまくいかない原因のようですね。

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

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

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

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

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

こんな説明でわかりましたか?
お礼コメント
loto6

お礼率 47% (8/17)

ありがとうございました。
ちょっと複雑でわかりにくかったと思いますが、
上の1と3の幅指定、真中の5と7の幅指定、一番下の幅指定
やはりこれらが違うのが間違いだったようですね。
真中の幅が一番重要だったのでこっちにあわさせたのですが
それでうまく行きました。
あとは帰って家のパソコンで崩れてないこと祈ります。
どうもありがとうございます。
投稿日時 - 2001-11-29 21:09:23
-PR-
-PR-

その他の回答 (全3件)

  • 回答No.1
レベル10

ベストアンサー率 35% (54/152)

今試してみたんですけど、IE6でもちゃんと右寄りに表示されましたけどね~。 マックのIE6なんですか? 画像しかないテーブルでしたら <th align="right"><img src="?????"></th> で試してみてはいかが? <th>は標準でセンタリングされるはずなんですけど。 もし ...続きを読む
今試してみたんですけど、IE6でもちゃんと右寄りに表示されましたけどね~。
マックのIE6なんですか?

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

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

お礼率 47% (8/17)

回答ありがとうございます。
学校じゃないと確認できないので、返事が遅れてすいません。
簡単なもので試してみたのですが、表示できました。。。
なんか、感じではテーブルタグの書き方がおかしい気がしてきました。
上の方の回答で簡単なソースを載せていますので、試してもらえるとうれしいです。よろしくお願いします。
投稿日時 - 2001-11-29 16:24:43
  • 回答No.2
レベル7

ベストアンサー率 41% (10/24)

!DOCTYPEが関係しているとか何とか??? IE6だと、入れ子テーブルで、親テーブルのalign属性を受ける。 とか?そういう話題をちょっと耳にしました。 私は使っていないのでなんとも分かりませんが、 参考URLを見てみて下さい。 思いっきり関係ないかも・・・。 ...続きを読む
!DOCTYPEが関係しているとか何とか???
IE6だと、入れ子テーブルで、親テーブルのalign属性を受ける。
とか?そういう話題をちょっと耳にしました。
私は使っていないのでなんとも分かりませんが、
参考URLを見てみて下さい。
思いっきり関係ないかも・・・。
補足コメント
loto6

お礼率 47% (8/17)

回答ありがとうございます。
参考URL見させていただきました。
まったくDOCTYPEは書いてなかったのですが、
書くとテーブルの使い方が制限されてしまうと言う事でしょうか?
投稿日時 - 2001-11-29 16:18:19
  • 回答No.3
レベル10

ベストアンサー率 67% (70/103)

WindowsのIE6で、BODY直下のTABLE要素ではまったく問題なく表示されます。 そのTD要素が含まれるTABLE要素だけを別ファイルにコピーして表示してみてはどうでしょう。その表内の記述が問題なのか、その外側の要素との兼ね合いなのか、までは判明すると思うのですが。 >あと、文字のサイズ指定は<FONT SIZE=....>よりもスタイルシートを使ったほうがいいのでしょうか ...続きを読む
WindowsのIE6で、BODY直下のTABLE要素ではまったく問題なく表示されます。

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

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

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

お礼率 47% (8/17)

みなさん、回答ありがとうございます。
みなさんの回答を読んだ限り、はっきり言ってどの回答も当てはまりそうで困っております。
今の時点ではっきりしている事は、
僕の環境はマックで、IE5.1,NN6.2(いづれもfor mac)では完全動作
学校にあるwinマシンのIE6では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:14
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ