個人でサイトを運営しているのですが、
外部CSSをテーブルに適用するとIEとFirefoxで表示が変わってしまい
困っています。問題は下記です。
テーブルに指定するCSSは以下のようなものです。
table.1{
border-top:1px solid #666666 ;
border-left:1px solid #666666 ;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
text-align:left;
font-size: 10pt;
padding:3px;
}
.1 th{
border-right:1px solid #666666 ;
border-bottom:1px solid #666666 ;
color:#330000;
background-color:#996633;
padding:0.1em 0.1em;
text-align:center;
}
.1 td{
border-right:1px solid #666666 ;
border-bottom:1px solid #666666 ;
padding:8px 8px 8px 8px;
line-height: 120%;
}
そして本文のHTMLです。
<table width="166" border="0" class="1">
<tr>
<td colspan="2"><div align="center">テキストテキスト</div></td>
</tr>
<tr>
<td>イメージ写真</td>
<td>イメージ写真</td>
</tr>
<tr>
<td width="76"><p>テキストテキストテキストテキストテキストテキストテキストテキスト</p></td>
<td width="79"><p>テキストテキストテキストテキストテキストテキストテキストテキスト</p></td>
</tr>
</table>
以上のようなものです。
このようにするとFirefoxではきちんと表示されるのですが、
IEだとテキストの部分が4文字ほどで勝手に改行されてしまい、
かなり縦長のテーブルになってしまいます。
試行錯誤してみたのですが、全然できなくて本当に困っています。
もし解決策をご存知の方おられましたら、ぜひ教えていただければ幸いです。
No.2ベストアンサー
- 回答日時:
DOCTYPE宣言で表示が異なりますので、ソースを頭から見てもらうのが良いと思います。
クラス名が数字でもアルファベットでも同じと言われていますので、DOCTYPE宣言がないと考えられますが。
IE6のcssは、tableに引き継がないとかありますので、部分的なソースでは何とも言えませんね。
そうですか、IE6ではCSSをtableに引き継がないんですね。
もうすでに古いブラウザということですね。
ありがとうございます。
シェアも少ないみたいなんで、無視してやっていきたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
td要素内のdiv要素をセンタリン...
-
同じクラス名はつけないほうが...
-
formのinputなどの幅100%指定
-
IE7でinputタグのtextがはみ出る
-
テーブルの一部分のセルだけに...
-
特殊文字の検索方法
-
表とリスト(ulとtable)の違い...
-
onmouseoverを別の箇所でも反映...
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
TABLEのセルの中の文字を行単位...
-
テーブルの任意の列を非表示に...
-
テーブルとテーブルの間隔について
-
テーブルの位置を細かく指定し...
-
<th>タグを使っても太字にしな...
-
cssで、表示されるテキストによ...
-
CSSで特定のテーブルだけに...
-
テーブル内に画像を表示したい。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
XHTMLに関する質問 順序が逆に...
-
<img>タグにCSSのclass設定可能?
-
Tableタグ内のspan styleが適応...
-
td要素内のdiv要素をセンタリン...
-
divで囲んだ文字が消える
-
同じクラス名はつけないほうが...
-
Tableタグで作成した表の縮小
-
cssで、テーブルのtdの中の文字...
-
表とリスト(ulとtable)の違い...
-
vbscriptで時計を作りたい
-
Firefoxを使ってるのですがズー...
-
ブラウザによってテーブルのセ...
-
formのinputなどの幅100%指定
-
入れ子にしたテーブルをheight1...
-
firefoxで「height: 100%;」と...
-
レイヤーとセレクトボックスが...
-
作成したメールフォームの内容...
おすすめ情報