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

A 回答 (4件)

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


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

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

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

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

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

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

こんな説明でわかりましたか?
    • good
    • 0
この回答へのお礼

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

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

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



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

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

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

この回答への補足

みなさん、回答ありがとうございます。
みなさんの回答を読んだ限り、はっきり言ってどの回答も当てはまりそうで困っております。
今の時点ではっきりしている事は、
僕の環境はマックで、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
    • good
    • 0

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


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

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

この回答への補足

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

補足日時:2001/11/29 16:18
    • good
    • 0

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


マックのIE6なんですか?

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

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

この回答への補足

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

補足日時:2001/11/29 16:24
    • good
    • 0

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

このQ&Aと関連する良く見られている質問

Qからに書き換えるか迷っています

普段はドリームウィーバー2004mxを使っております。
ブラウザはInternet Explorerの新しいほうだと思います。

私はWEB制作には素人で、ソフトに頼り四苦八苦していますので
HTMLもちょっとずつ覚えているという段階の、入り口の初心者であります。
そこで、教えてください。

先日驚いたのですが
行揃えの指定のタグがありますよね。
今までの制作部分では
<td align="XXXX">を使用してきましたが、
<td style="text-align: XXXX;">
のほうが、長い目でみて、良いということでした。
理由は<td align="XXXX">のままだと
  ・Operaブラウザで不具合
  ・またはXHTML1.1で廃止(?)
といったことがあるようです。
私は自分のInternet Explorerで観ていたので何も知りませんでした。
やはり将来的に、<td align="XXXX">は色んな不具合を起こしていく恐れがあるかも知れません。

以下は私が立てさせていただいた質問で、
経験者のおっしゃることですので信憑性はたいへん高いと思っています。
http://oshiete1.goo.ne.jp/qa5051214.html

で、本題はここからですが、長い目でみた場合に、
<td align="XXXX">を
<td style="text-align: XXXX;">の状態に書き換えるべきでしょうか。

すでに<td align="XXXX">で作ってある部分が結構あります。
ただWEBサイトは長く使いたいので、今のうちに手を打てるなら打っておこうと思います。
この書き換え案に迷っていますので、お詳しい方、アドバイスをください。
または今WEB制作中の専門家の方は、
<td align>と
<td style="text-align: XXXX;">
はどちらを使っていらっしゃることが多いのでしょうか。

もしかしたら<td valign="XXXX">も同様のことが言えるのかも知れません。
宜しくお願いいたします。

普段はドリームウィーバー2004mxを使っております。
ブラウザはInternet Explorerの新しいほうだと思います。

私はWEB制作には素人で、ソフトに頼り四苦八苦していますので
HTMLもちょっとずつ覚えているという段階の、入り口の初心者であります。
そこで、教えてください。

先日驚いたのですが
行揃えの指定のタグがありますよね。
今までの制作部分では
<td align="XXXX">を使用してきましたが、
<td style="text-align: XXXX;">
のほうが、長い目でみて、良いということでした。
理由は<td alig...続きを読む

Aベストアンサー

一応、XHTML1.1で廃止されていないという根拠です。

W3Cは、日本(日本語)の文科省みたいなところです。
http://www.w3.org/

XHTML1.1のtableのページ(英語ですがタグ名とタグ属性だけなのでわかると思います)
http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_simpletablemodule


> #このあたりは、制作者の考え方次第ですね。
同意します。

読みやすいかどうかは慣例を重視(基準に)しています。
たとえば予算や売り上げ表などの「(単位千円)」みたいな記述は右寄せしています。

align指定は、もし翻訳サイトを通じてアラビア語など右から左に書く言語で表示した場合、
左寄せ、右寄せが逆転し、非常の読みづらくなります。
(この現象はfloatも同様です)

W3C(など)はそういうのも考慮し、alignなしを推奨しているようですが、(W3Cはアメリカだったと思いますが、おそらく日本語の右寄せのような習慣がないと思いますので)
現実には、私はalignを使っての影響はほとんどないと思います。

Operaの古いバージョンで、この状態をシミュレーションできた気がしますが、
もし「不具合」がその事であれば、私は無視できる範囲だと思います。

一応、XHTML1.1で廃止されていないという根拠です。

W3Cは、日本(日本語)の文科省みたいなところです。
http://www.w3.org/

XHTML1.1のtableのページ(英語ですがタグ名とタグ属性だけなのでわかると思います)
http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_simpletablemodule


> #このあたりは、制作者の考え方次第ですね。
同意します。

読みやすいかどうかは慣例を重視(基準に)しています。
たとえば予算や売り上げ表などの「(単位千円)」みたいな記述は右寄せ...続きを読む

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。

Qで出る枠

を消すにはどうしたらいいのでしょうか?

Aベストアンサー

<a><img src="x.gif" border="0"></a>
で大丈夫だとおもいます。

Qでテキストボックスとセルの間にわずかな隙間があいてしまう・・

<TABLE>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
</TALBLE>

こう書くときに、テキストボックスの下にわずかな隙間が
できるのを防ぎたいのですが、何か方法はありませんでしょうか?

Aベストアンサー

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>
</TABLE>
としていませんか?
HTMLとしては好ましくないと思いますが、<FORM>や</FORM>の前後にある<TR><TD>~</TD></TR>を取り除き、以下の様にします。
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<FORM ~>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD><INPUT TYPE="TEXT"></TD>
</TR>
<!-- ここまで -->
</FORM>
</TABLE>

尚、表の罫線を残すのであればBORDERを変更したりしてください。

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>...続きを読む

Q▲▲テーブルと一緒には使えない?

こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<FONT size="2">Color Code一覧</FONT>と「テーブルの外に」入力すると【Color Codeˆ&ecirc;—— 】←のように表示されます…。直接【Color Code一覧】入力すると問題はありません。なぜでしょうか?わかる方教えてください☆
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</FONT size="2">Color Code一覧</FONT>
<TABLE Border Cellspacing="1"Width="20%" align="center">
<TR>
<TD><FONT size="3" face="MS UI Gothic"><DIV align="center">Collar Code・RGB</DIV></FONT></TD>
</TR>
</TABLE>
<BR>
<TABLE Border Cellspacing="1" Width="75%" align="center">
<TR>
<TD colspan="6"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000 - #00ffff</DIV></FONT></TD>
</TR>
<TR>
<TD BgColor="#000000"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000</DIV></FONT></TD>
<TD BgColor="#000033"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000033</DIV></FONT></TD>
<TD BgColor="#000066"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000066</DIV></FONT></TD>
~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~
</TR>
</TABLE>
</BODY>
</HTML>

こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<FONT size="2">Color Code一覧</FONT>と「テーブルの外に」入力すると【Color Codeˆ&ecirc;—— 】←のように表示されます…。直接【Color Code一覧】入力すると問題はありません。なぜでしょうか?わかる方教えてください☆
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</FONT size="2">Color Code一覧</FONT>
<TABLE Border Cellspacing="1"Width="20%" align="center">
<TR>
<TD><FONT...続きを読む

Aベストアンサー

http://homepage3.nifty.com/f-page/hp/html/meta01.html
メタタグでcharsetを設定したらどうでしょうか
文字化けしてると思います。


人気Q&Aランキング

おすすめ情報