激凹みから立ち直る方法

【IE】表示が全てセルの指定に合わされてしまう症状を回避したい

解決済

  • 質問者：akoblue
  • 質問日時：
  • 回答数：2件

既出かも知れませんが、探し出せなかったもので、質問させて頂きます。

テーブルのセルをセンター揃えに指定すると、その中に入っているテーブルの中身までセンター揃えになってしまいます。
環境はWIN・XPのIE6です。Firefoxや、Macでは、きちんと左揃えで表示されます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>テスト</title>
</head>

<body>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#F5F5F5">このテキストを左揃えに！</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>


テキスト部分を<div align="left">で囲むと左揃えになるのですが、それ以外での解決法をご存じの方、教えて下さい。よろしくお願い致します。
（左揃えの場合、特に指定を入れなくてもいいと思うのですが・・・）

通報する

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

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： thila
  • 回答日時：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"


"?http://www.w3.org/TR/html4/loose.dtd">?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>テスト</title>
<style type="text/css">
<!--
.test td {text-align:left;}
-->
</style>
</head>

<body>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="400" border="0" cellspacing="0" cellpadding="0" class="test">
<tr>
<td bgcolor="#F5F5F5">このテキストを左揃えに！</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>


IEの挙動って嫌ですね。
回答しておいてなんですが、この方法と＃1さんの方法とどっちがベターなのかが気になります。
    • good
    • 0
    • 件
通報する
この回答へのお礼

アドバイスありがとうございます！こちらで解決できました。毎回悩まされていたので、とても助かりました。

通報する
お礼日時：2007/10/13 14:32

No.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"


"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>テスト</title>
</head>

<body>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="400" border="0" cellspacing="0" cellpadding="0" style="margin:0px auto;">
<tr>
<td bgcolor="#F5F5F5">このテキストを左揃えに！</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
これでどうでしょう、これはIEだけの現象です。
そのままでもFirefoxではちゃんと左揃えになっています。
    • good
    • 0
    • 件
通報する
この回答へのお礼

アドバイスありがとうございます！
私のやり方が悪いのか、教えていただいたやり方で解決できていません。。。すみません。コード上は問題ないと思うのですが。もう少し検証してみます。

通報する
お礼日時：2007/10/13 14:34

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

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報