So-net無料ブログ作成

IE7の属性セレクタ使用時の問題点 [CSS]

1年以上更新していませんでしたが、前記事「属性セレクタを使ったcellpadding対策」について、実際に属性セレクタを試用する機会がありました。

その際、IE7で問題が発生しました。

続きを読む


nice!(0)  コメント(0) 

属性セレクタを使ったcellpadding対策 [CSS]


ホームページのリニューアル作業でcellpaddingの処理に手をとられています。


現在のコンテンツはそのまま移行する予定なのですが、ちょっと問題があります。


現在のページはテーブルレイアウトで作成されており、大半のテーブルにはcellpaddingが指定されています。
リニューアルしたデザインはCSSレイアウトで、CSSリセットでtd、thのパディングの値は0に指定しています。


CSSのルールではHTMLタグの属性は詳細度0と扱われるため、CSSリセットの指定が優先されてtd、thのパディングが無くなり、レイアウトが崩れる原因となっています。


そこで、IE 7以降で利用可能な属性セレクタを使った対応策を考えてみました。


属性セレクタは、要素名[属性名]または、要素名[属性名="値"]と記述します。


今回のケースでは、table[cellpadding="指定値"] td { padding: 指定値 }とすることで対応することができます。


ただ、IE6での閲覧とHTMLタグに属性を残したくないという理由でこの方法は使ってませんけど。


タグ:CSS
nice!(0)  コメント(0) 

Snow Leopard [Mac]

WWDC09で2009年9月に発売されることが正式に発表されました。


予てから言われていたことではありますが…Intelプロセッサのみ対応です。くぅ〜。


nice!(0)  コメント(0) 

短期アルバイト [日記]

2月末から入った短期のアルバイトも、残すところ4日になりました。


なかなかストレスの溜まる作業でしたが、参加した当初は遅れていたスケジュールも早めに消化することができ、一安心です。


残りの日数は残業無しの作業で終わりそう…。もうちょっと稼ぎたかったな。


nice!(0) 

キーボードの掃除 [日記]

ハードディスクの故障で、PowerMacをしばらく使わなかったせいか、キーボードのホコリが目立つようになってました。

続きを読む


nice!(0)  コメント(0) 

Office2008の改ページプレビュー [Mac]

無くなったよね?

続きを読む


nice!(0)  コメント(0) 

ハードディスクがぶっ壊れました [日記]

早朝、ハードディスクから異音がすると思ったら…。

続きを読む


nice!(1)  コメント(2) 
メッセージを送る

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。