css
テーブルの<caption>をブロック化し、横幅を指定すると、どういうわけか最初のセルに横幅がそのまま継承される。 下記コードを新規ファイルにコピペして見てもらえれば一発で分かると思います。 <html> <head> <style> caption { display:block; width:200px; } </style> </head> <body> <table border="1"> <caption>test</caption> <tr> <td>111</td> <td>222</td> <td>333</td> </tr> </table> </body> </html></caption>…
<ul> <li>list1 <ul> <li>list1-1</li> <li>list1-2</li> </ul> </li> <li>list2 <ul> <li>list2-1</li> <li>list2-2</li> </ul> </li> </ul>サイトマップなどを作る際に上記のような入れ子リストはよく使われますが、ナゼかFirefoxだけ下側に10px膨らむという現象が起きました。 Firebugでチマチマ確認したら、サイトマップ内の要素は全て余白…
記事編集画では下記CSSが読み込まれている。 〜/mt-static/css/main.cssコイツをダイレクトに編集するのもアレなので、てっぺんに下記一行を追加。 @import url("custom.css");そして、「main.css」と同階層に「custom.css」を作成。 #customfields-loop { w…
横幅はガッツリ指定 divなどの横幅はシッカリと%かpxで指定する。条件がハッキリしてないけど勝手に膨らんでくれないことがある。Safariと同じ対応で。 ブロック要素もガッツリ指定 divはそれ自体でブロック要素なのだけれど、ブロック指定しないと未確認条…
社内リソース向けに作ったやつですが参考にしたい方はどうぞ。 いわゆるビジネスブログの構築を前提とした、カテゴリ・エントリーをサイトマップ化するMTテンプレートつきです。 http://agnist.jp/resource/sitemap/sitemap.html こういうCSSの組み方を好む…
よく横並びのヘッダやフッタのメニューってあるじゃないですか。 例えばこんなの↓ メニュー１｜ メニュー２｜ メニュー３ これってスタイル切ると、多くの場合こんな感じなんです。 メニュー１｜ メニュー２｜ メニュー３ リストの区切りを付けたいってのは…
ごくナチュラルにコーディングして確認を行い、とりあえずCtrl+Aを押したらいきなり落ちた。細かくドラッグ選択して落ちた原因を探したら、上記画像のCSSで組んだ<dl>リストで落ちると発覚。しかもクソファッキンIE6を限定して。 さらにそのCSSクラスを調べたと</dl>…
http://www.kuroduction.com/doc/translation/position_is_everything/easyclearing.html http://css-happylife.com/log/css-hack/000078.shtml FloatをFloatした要素内で解除するための「clearfix」。自分用に一言でまとめる。
以前申しました通り、各種ブラウザハックの効いたCSSに触れたことで、今更になりちょっとマトモにCSSハックを勉強してみようかという気持ちになりかけたが、やはりハック依存し過ぎは後々面倒な事になりそうだと思って二の足を踏んでしまう、僕カブキです。…
