属性セレクタを使ったcellpadding対策 [CSS]
ホームページのリニューアル作業でcellpaddingの処理に手をとられています。
現在のコンテンツはそのまま移行する予定なのですが、ちょっと問題があります。
現在のページはテーブルレイアウトで作成されており、大半のテーブルにはcellpaddingが指定されています。
リニューアルしたデザインはCSSレイアウトで、CSSリセットでtd、thのパディングの値は0に指定しています。
CSSのルールではHTMLタグの属性は詳細度0と扱われるため、CSSリセットの指定が優先されてtd、thのパディングが無くなり、レイアウトが崩れる原因となっています。
そこで、IE 7以降で利用可能な属性セレクタを使った対応策を考えてみました。
属性セレクタは、要素名[属性名]または、要素名[属性名="値"]と記述します。
今回のケースでは、table[cellpadding="指定値"] td { padding: 指定値 }とすることで対応することができます。
ただ、IE6での閲覧とHTMLタグに属性を残したくないという理由でこの方法は使ってませんけど。
タグ：CSS
Snow Leopard [Mac]
WWDC09で2009年9月に発売されることが正式に発表されました。
予てから言われていたことではありますが…Intelプロセッサのみ対応です。くぅ〜。
短期アルバイト [日記]
2月末から入った短期のアルバイトも、残すところ4日になりました。
なかなかストレスの溜まる作業でしたが、参加した当初は遅れていたスケジュールも早めに消化することができ、一安心です。
残りの日数は残業無しの作業で終わりそう…。もうちょっと稼ぎたかったな。
