タグ

ブックマーク / www.koikikukan.com (2)

  • CSSでfloatを解除する方法のまとめ

    CSSのfloatを解除(クリア)する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題(というか仕様)と、その対処方法についてネットで調べた情報を一通りまとめました。 1.floatにより親要素の高さが出なくなる(=背景がなくなる)問題 親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。 例えば、次のCSSHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi

    CSSでfloatを解除する方法のまとめ
  • Movable Type で「~」が「?」に文字化けする事象や日本語のタグが合算できない不具合を解消する

    Movable Type で MySQL 5を利用している際に、 ブログ文などに含まれる「~」という文字などが「?」に文字化けする 日語のタグが合算できない(Aブログ記事とBブログ記事に同じ日語のタグを付与した場合、タグ一覧などで2件とならず、それぞれ1件として表示される) といった不具合を解消する方法を紹介します。 すでに多くのサイトで紹介されているので目新しい情報ではありませんがとりあえず。 1.原因 タイトルの不具合が生じる原因は、対象テーブルのカラムの照合順序が「ujis_japanese_ci」になっているためのようです。この照合順序を「utf8_general_ci」にすることで解消しているようです。 ちなみに、「照合順序」とはデータベースから select する際のルールを示すもののようで、 ujis/utf8:文字コード japanese/general:照合形式 c

    Movable Type で「~」が「?」に文字化けする事象や日本語のタグが合算できない不具合を解消する
  • 1