HTMLのTABLEの表示崩れについて
<table>
<tbody>
<tr><th>11</th><td>22</td></tr>
<tr><th>11</th><td>22</td></tr>
</tbody>
</table>
のような通常のテーブルなのですが、
表示してみると、<th>のしたに<td>がめりこんでしまうような感じになって、さらに<tr>で改行されずに、右に並んでしまいます。
IE6とIE7では、きちんと表示されるのですが、IE8やFirefox3では上記のような崩れが発生してしまいます。
色々調べてみたのですが、cssやDOCTYPE、htmlの記述は問題無いようでした。
wordpressのサイトで、DOCTYPEは、<!DOCTYPE html>と記述しており、テーマをデフォルトに戻すとテーブルはきちんと表示されます。
文章だけだと説明が難しいのですが、解る方や同じ現象にあわれた方はいらっしゃいますでしょうか？
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
yoroshikudesu
満足100pt
ソースはちらっとしか見ていないのですが、恐らく普通には再現しないのでは？
IE6とIE7だけ綺麗に表示されるなどという話は、その時点で何かがオカシイです。
wordpressのデフォルト以外のテーマで、『design』というクラスが既に使われている可能性は無いでしょうか？
そこに、floatとかpositionとかがあって、表示を変にしていませんか？
デフォルトでは普通に表示されるという状況からして、デフォルト以外のWordpressのcssと干渉している可能性があります。
tableのクラス名を変えて試してみると、どうなりますか？
-
dekapurio
-
dekapurioその他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2011-02-16 04:55:57
- 終了日時
- 2011-02-16 22:35:44
- 回答条件
- 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
【次の予想は定理か】位数３の体上のn次元ベクトル空間に於いて、その零でない相異なる(n+1)個の元の組Vを{…
くろょ
-
先日、クラスメイトの女子に告白されました。 その人は本気で自分を心から好きだと思ってくれているのです…
匿名質問者
1
-
小６です。 給食委員会の放送で、残飯を減らすためにやっていることを放送で話してみたいなことを先生から…匿名質問者
-
こんなものありますか？ ダイソーの「吊り下げワイシャツ収納」みたいなもの。これは、入れるところが、５…匿名質問者
-
この太ももってそんなに女の子の太ももに見えますか？ この前クラスの女子に「あんた本当に…匿名質問者
http://jsfiddle.net/ や http://www.dinkypage.com/ を使って最小限のコードを貼るといいでしょう。どうしたいのか図もあると回答しやすいかと。
>cssやDOCTYPE、htmlの記述
が秘密ではいろいろ手間になるでしょう。
以下がすべてのcssとなります。
http://www.dinkypage.com/106277
参考にならないかもしれませんが、どうぞよろしくお願いします。
wordpressのcssの、table関連要素部分は確認されましたか？
float無しに右に並ぶとは考えづらく、positionや妙なmarginなどの指定なしに「めりこむ」というような状態が起こるとはどうしても考えにくいです。
tableの前でfloatを使って、clearしていないとかはありませんか？
ためしに、tableの前でclear:both;してみませんか？
tableの途中に「clear:both;」を一つ入れてみて、入れた個所の表示が変化するかどうかとか。
コメントありがとうございます。
別ページで利用しているプログラム（jquery）がcssを読んでいてそれが、該当ページにも適用されていたようです。
（ソースでは確かにcssは1つ以外に読み込まれていなかったんですが･･･謎です）
そのcssのtableにはやはり、float: leftがはいっていました・・
table,tr,td { float: left;} 絶対ありえないようなcssなんですがね。
無事解決いたしました。本当にお騒がせしました。