クリックPAPAのPC備忘録

hiroyukip.exblog.jp

CSSを勝手に書き換えるな!!

困った事に『エキサイトブログ向上委員会 : <11/21 追記あり>ブログヘッダーの表示が始まりました』によれば、エキサイトブログ上に設置されていた「トップ」「ログイン」「投稿」などのメニューボタンが全てヘッダー上に集約されるデザイン変更があった。
デザイン変更はいいけど、CSSを勝手に書き換えるのは困る。





<style type="text/css">
<!--

html{
margin-top:29px!important;
}
a.more_anchor{
display:block;
height:0px;
/height:1px;
overflow:hidden;
text-indent:-9999px;
margin-top:-29px;
padding-bottom:29px;
}

@import url('http://yui.yahooapis.com/2.9.0/build/reset-fonts/reset-fonts.css');
(以下略)

上の太字部分が今回加えられたCSSなのだけれども、こいつのおかげで当方の@import規則が殺された。
STYLE要素内の@import規則は先頭に記述されなければならないからだ。
結果、Yahoo! User Interface Library(YUI)2リセットCSSフォントCSSが効かなくなり、当方のブログのデザインが崩れた。
YUI2のこれらCSSの内容を直接記述したから直ったものの、デザインが崩れた時は何が起こったかと思った。
もし書き換えるのなら、STYLE要素の先頭ではなく末尾にするか、ユーザ用STYLE要素の後にLINK要素の外部CSSファイルにするか、ユーザ用STYLE要素の後にASP用STYLE要素を追加するか、いずれかにして欲しかった。


[PR]

by hiroyuki_papa | 2011-11-24 00:28 | インターネット

<< 久々にエキサイトフレンズを見た | ホーム | Google Chromeのフ... >>