- ベストアンサー
テーブルが二つ横に並んでしまう
タイトルの通りりです。 どうして横にならんでしまうのか、いまいち よくわかりません。 どなたか教えて頂けないでしょうか。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML LANG="JA"> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=Shift_JIS"> <META HTTP-EQUIV="CONTENT-STYLE-TYPE" CONTENT="text/css"> <TITLE></TITLE> </HEAD> <STYLE TYPE="text/css"> <!-- BASEFONT { font-size: x-small; } BODY { background-image: url( top/back_line.gif ); background-repeat: repeat-y; margin-left: 30px; } --> </STYLE> <BODY BGCOLOR="#9900CC" TEXT="#FFCCFF" LINK="#FF66CC" ALINK="#66CCFF" VLINK="#000066"> <BASEFONT FACE="Verdana, ＭＳ Ｐゴシック, Osaka"> <!-- ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ --> <TABLE BORDER="3" CELLSPACING="3" CELLPADDING="3" ALIGN="LEFT" WIDTH="550"> <TR> <TD>aaa</TD><TD>bbb</TD> </TR> <TR> <TD>eed</TD><TD>sss</TD> </TR> </TABLE> <BR> <TABLE BORDER="3" CELLSPACING="3" CELLPADDING="3" ALIGN="LEFT" WIDTH="550"> <TR> <TD>aaa</TD><TD>bbb</TD> </TR> <TR> <TD>eed</TD><TD>sss</TD> </TR> </TABLE> <!-- ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ --> </BODY> </HTML>
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ALIGN="LEFT" は記載しなくても左よりになりますので削除 他気になる点として <STYLE TYPE="text/css"> と記述しているのですから<BODY BGCOLOR="#9900CC" TEXT="#FFCCFF" LINK="#FF66CC" ALINK="#66CCFF" VLINK="#000066"> <BASEFONT FACE="Verdana, ＭＳ Ｐゴシック, Osaka"> も一緒に記述しましょう
その他の回答 (1)
- hana-hana3
- ベストアンサー率31% (4940/15541)
ALIGN="LEFT" があるため、テキストの回り込み表示が有効になっているので、次の表示位置がテーブルの下段になっていないために起きています。 </table> の後に、<BR CLEAR="left"> を入れて、回り込み表示を解除して下さい。
お礼
フリーのhtmlエディタを使っているのですが、 テーブル作成時にチェックを入れてしまったのかデフォルトなのか…とにかく ALIGN="LEFT" のせいだったんですね。 何かを見落としているに違いないと思いつつも、久々に作業したもので、 気づくことができませんでした。 ありがとうございました。
お礼
フリーのhtmlエディタを使っているのですが、 テーブル作成時にチェックを入れてしまったのかデフォルトなのか…とにかく ALIGN="LEFT" のせいだったんですね。 何かを見落としているに違いないと思いつつも、久々に作業したもので、 気づくことができませんでした。 またスタイルシートもまだまだ不勉強で、 「こんな感じかな？ 何となくこうやったら うまくいった、なるほどこう書くのか」 ぐらいにしか知識がないので、この機会にもうちょっと しっかり覚えておこうかな、と改めて思いました。 ありがとうございました。