おきてがみの新タグ

おきてがみのタグが新しくなったため、さっそく導入したら、
なぜか、レイアウトが崩れてしまう。

こんな感じです。

でも、他のサイトに訪問しても問題がない。
もしかして、新タグ採用No1!って思ったが、そんなわけがない。
本家本元の「のんきんぐ」さんのページがおかしくなっていない。
たぶん、CSSが喧嘩しているのだろうと調べてみました。

発見しました。

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 3月23日)
コメントをご覧になると分かるのですが、
おきてがみの作成者のんきんぐさんがこの記事を発見して
おきてがみ側のCSSの修正をしてくれました。
現在、この症状は治っております。
のんきんぐさん、ありがとうございました。

おきてがみ新規タグについては、
のんきんぐさんの記事で。

このエントリーをはてなブックマークに追加 Yahoo!ブックマークに登録
ボタンの色が白ならば、クリックし+1 を付けてください。
カテゴリー: CSS, SEO, WordPress, おきてがみ, ブログパーツ   パーマリンク

おきてがみの新タグ への5件のコメント

  1. こんちは たぬきちです(*´∀`)
    おきてがみからこんにちは

    え?新タグ?おきてがみ新しくなったんですか?Σ(゚Д゚)
    CSSの定義の共通項目が多いなぁ(^_^;)

    一箇所おかしくなれば、みんなおかしくなりますね
    問題が解決できてよかったですね(*´∀`)

    私も別のWPブログで同じ現象が起きたら
    参考にさせてもらいます

    • matai より:

      たぬきちさん

      いつもご訪問ありがとうございます。
      コメントもありがとうございます。

      記念すべきコメント第一号です。
      感謝感謝です。

      私がおきてがみの訪問をしていて、おかしくなっていたブログは
      ここだけでしたので、他のWordpressユーザーは問題ないかもしれません。

      すこしでも、参考になれば、記事を書いた甲斐があります。
      また、今後ともよろしくお願いします。

  2. のんきんぐ より:

    たまたま見かけました^^;

    なるほど確かにその指定は喧嘩しますね。
    私の方でも問題が生じないように修正しておきますね。

  3. のんきんぐ より:

    連続投稿失礼いたします。

    一応、簡単に対応させていただきました。
    よろしければbaselineにお戻しになってテストしていただけますと助かります^^;

    • matai より:

      のんきんぐさん

      コメントありがとうございます。
      また、スタイルシートの修正ありがとうございました。
      baselineに戻しても、問題なく表示できました。
      (WindowsXP,7 Firefox3.6 IE6,7,8 safari5で確認。)

      そもそも、このテンプレート、なんで、テーブルで「vertical-align: baseline;」を
      指定しているのかわかりません。
      まだ、使っていない機能で何かあるのかもしれません。

      更新もサボリ気味なブログですが、また、気の向いたときにお越しいただければ
      光栄です。

アフィリエイトツール8で生活満足@たぬきち への返信 コメントをキャンセル

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" target="" rel="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <br> <cite> <code> <del datetime=""> <em> <i> <li> <ol> <p class="" align="" dir="" lang="" style=""> <span class="" dir="" align="" lang="" style="" title=""> <q cite=""> <strike> <strong> <sub> <sup> <u> <ul> <hr align="" class="" noshade="" size="" width=""> <img alt="" align="" border="" class="" height="" hspace="" longdesc="" vspace="" src="" style="" width="" localsrc="">

コメント大歓迎。ぜひよろしくお願いします。
Wordpressプラグイン「nofollow free」を利用して、ウェブサイトで入力されたURL、コメント内リンクのすべてに対してnofollow属性を取り外しています。
関連記事⇒コメントのリンクタグの「rel=nofollow」について
プラグインの取得は⇒nofollow free
このカスタマイズ文章の作り方の記事⇒nofollow freeカスタマイズ
↓スパムコメント対策
Comments on this blog, 'Akismet' is protected by.