IEとMozillaの葛藤
・・・IEは不具合が多すぎて対応する気にならなくなってきた。広範なネットサーフィンをしなければSleipnirのエンジンもGeckoで良いんじゃないかと思ったほど。
div.section{ margin: 0 0 20px 0; padding: 0 0 5px 0; text-align: left; background-color: #FFE6EB; border: solid 2px #FFF2F5; color: #660014; -moz-border-radius: 15px; }
IEではdiv.sectionのmargin-bottomが何故かpaddingのように枠内に収まってしまっている。firefox等ではキチンとsectionごとに指定したマージンの空白があるのに・・・指定する場所を間違っているのかな。
- 簡単に枠の角を丸くする方法
角を丸くしたい要素に
-moz-border-radius: 15px;
の記述を追加する。
Mozilla特有の記述なのでMozilla以外では反映しないです、閲覧を妨げない付加デザインなら指定してみるのも良いかも。pxを弄ると丸さの径が変わります。
近況報告
いま職場は、辞めていく人、残って民間会社に拾われる人、焦る人、投げやりな人、急に休みをとる人、みんな思うことがあって今の会社としての業務廃止――
31日まで、無事に業務を終えられるのだろうかと、僕は心配している。
僕の立場は、それを心配するのが仕事だし、誰か心配しなくてはならないんだと思う。風邪引いてるからって当日電話一本で休んで次の日ニコニコしながら出勤したり、職員同士で言い争いをしてカッとなって職場放棄したり、現場業務のミスが多く事務方の僕には電話が鳴り響く毎日。
就職活動がうまく行かずに焦る職員に宛てを紹介をしてみたり、上層部の引責問題で職場は蒼然としてみたり・・・書きたい事が山ほどあるんだ、言いたい事が山ほどあるんだ。27人が一斉解雇になってその中には不当解雇と言える問題もあった。
そんな中で神経を張り巡らせている僕は、本当はもっと自分の心配をしなくちゃいけない。でも他人の心配をしなかったら今の職場が回っていかないよ。そんな実務と別の忙しさの中で僕は正気で居れるはずがないんだ。きっと人の心配をして自分の危うさを忘れようとしているだけなんだ。
このまま次の会社としての業務が4月1日から開始する、当分休みはないだろうか。そんな中で今日は妻と喧嘩してしまった。と、言うか娘に対しても、誰に対してもそのような態度だったかも知れない。そして支えをなくして僕はこの先もやっていくのだろうか。
僕の足元、その先も、不安しか転がっていなかった。誰か助けて下さい。
乱文失礼しました。
透過GIFを並べてみて思ったこと
最初はフィルターでhatena-body*1を透過させたのです。そしたら「firefoxはフィルターをサポートしてないよっ!」と突っこまれまして・・・コノヤロウ、確認したらbodyに敷いた桜がhatena-bodyの背景色に隠れて透けないでやんの。
IEではもちろん半透明になってキレイな処理がなされているのだけど・・・いかんせん重い。
ここで透過GIFの登場です。
hatena-body{ background-image: url("url.gif"); background-repeat: repeat; }
使用した透過GIFは 6×6 のサイズ。
フィルターも結構負荷があったのだけど、hatena-body全体にGIFを敷いたらですね・・・非常に重たい・・・マウスホイールを転がすとがくがくスクロールしてしまう。え、これはどういう事だ。
もしやと思い 48×48 の透過GIFを作って敷き詰めると・・・
スクロールが軽くなった\(≧∇≦*)ノ
結論:小さいGIFより大きいGIFを並べる方が負荷が少ない。
縦横660pxの箱に6×6のGIFを並べると12100個敷き詰められる計算だけど、48×48のGIFなら約190個で済みます。繰り返す回数と処理の間で問題があるのかなぁと思いました。
*1:hatena-body・・・h1以降の要素はhatena-bodyにくくられています。
はてなダイアリー弄り
どこかではもう桜が開花したんですね、なので春めいたデザインにしました。
以前と同様、透過GIFをhatena-bodyに使用、ページ全体にかかっているのでちょっと重いです・・・ごめんなさい。
――そして卒業、入学、そんな季節です。
はぁ・・・俺も新入社員だよ、先行き不安だなぁ・・・