おきてがみのタグが新しくなったため、さっそく導入したら、
なぜか、レイアウトが崩れてしまう。
こんな感じです。
でも、他のサイトに訪問しても問題がない。
もしかして、新タグ採用Ｎｏ１！って思ったが、そんなわけがない。
本家本元の「のんきんぐ」さんのページがおかしくなっていない。
たぶん、ＣＳＳが喧嘩しているのだろうと調べてみました。
発見しました。
WordPressのテンプレートを基本のもの（Twenty Ten）を
利用しているのですが、
そのstyle.cssで
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
一番下の「vertical-align: baseline;」
が悪さをしていました。
問題なければ、
削除もしくは、
「vertical-align: middle;」
あたりに変更すると治りました。
追記（H23 ３月２３日）
コメントをご覧になると分かるのですが、
おきてがみの作成者のんきんぐさんがこの記事を発見して
おきてがみ側のCSSの修正をしてくれました。
現在、この症状は治っております。
のんきんぐさん、ありがとうございました。
おきてがみ新規タグについては、
のんきんぐさんの記事で。
こんちは たぬきちです(*´∀｀)
おきてがみからこんにちは
え？新タグ？おきてがみ新しくなったんですか？Σ(ﾟДﾟ)
CSSの定義の共通項目が多いなぁ(^_^;)
一箇所おかしくなれば、みんなおかしくなりますね
問題が解決できてよかったですね(*´∀｀)
私も別のWPブログで同じ現象が起きたら
参考にさせてもらいます
たぬきちさん
いつもご訪問ありがとうございます。
コメントもありがとうございます。
記念すべきコメント第一号です。
感謝感謝です。
私がおきてがみの訪問をしていて、おかしくなっていたブログは
ここだけでしたので、他のWordpressユーザーは問題ないかもしれません。
すこしでも、参考になれば、記事を書いた甲斐があります。
また、今後ともよろしくお願いします。
たまたま見かけました^^;
なるほど確かにその指定は喧嘩しますね。
私の方でも問題が生じないように修正しておきますね。
連続投稿失礼いたします。
一応、簡単に対応させていただきました。
よろしければbaselineにお戻しになってテストしていただけますと助かります^^;
のんきんぐさん
コメントありがとうございます。
また、スタイルシートの修正ありがとうございました。
baselineに戻しても、問題なく表示できました。
（WindowsXP,7 Firefox3.6 IE6,7,8 safari5で確認。）
そもそも、このテンプレート、なんで、テーブルで「vertical-align: baseline;」を
指定しているのかわかりません。
まだ、使っていない機能で何かあるのかもしれません。
更新もサボリ気味なブログですが、また、気の向いたときにお越しいただければ
光栄です。