Page Top

今年の八重咲きインパチェンス

October 04, 2014

今年の夏は、鉢植えで越冬した八重咲きインパチェンスをそのまま外に出していました。今年も沢山花を付けてくれました。このローズのような出で立ちと、深いピンクの色合いが好きです。

20140825_impatience_01.jpg

20140825_impatience_02.jpg

続きを読む "今年の八重咲きインパチェンス" »

Deer Lakeの紅葉

October 04, 2014

今年はまだ暖かい日もあったりで、紅葉はまだボチボチかなという感じですが、9月にDeer Lakeに行った際には、一足早くこの樹木だけ紅葉をしていました。赤い実はクリスマスリースに使えそう~とは思いますが、取ったりしません!

20140913_deerlake_01.jpg

20140913_deerlake_02.jpg

綺麗な日没カラー

October 04, 2014

9月に見た綺麗なサンセットカラー。サーモンピンクが優しいです。
20140913_sunset.jpg

ミニ胡蝶蘭から花芽が出てきました。

October 04, 2014

念願の白のミニ胡蝶蘭に、2年目にしてやっと花芽が出てきました。少し前、水の遣り過ぎで葉を2枚も落としてしまっていたし・・、その頃から出てきていた新しい葉っぱは、うまく成長できないようで、変な形で出てきていたりで、今冬も駄目だろうな~・・と思っていたところ、花芽のようなポッチが右側から出てきているのを先月末に発見しました。

9月25日の花芽(↓)
20141004_orchid_01.jpg

9月30日の花芽(↓)
20141004_orchid_02.jpg

10月4日の花芽(↓)
20141004_orchid_03.jpg

毎日少しずつしか伸びないようで、あまり成長がわかりませんが、9月25日よりも少し長くなったかな?という感じです。これからまた水の遣り過ぎで葉を落としてしまうと、花芽の成長が止まってしまうので、水遣りは慎重に行わなければなりません。。このまま無事に伸びていってくれることを願います。

続きを読む "ミニ胡蝶蘭から花芽が出てきました。" »

IEのConditional Comments(条件付コメント)

September 30, 2014

たまに必要な時があったりして、しかし、ほんとにたまになので、どこにブックマークしたかが分からなくなってしまう事があるので、自分用覚書です。
CSS-TRICKS様の「How To Create an IE-Only Stylesheet」に書かれているConditional Comments(条件付コメント)の方法が良く効きます。

また、これまでIEのConditional Commentsは、<head>内にしか入れられないのかと思っていましたが、<body>内のhtmlにも直接入れる事が出来るのですね。

今、jQueryでヘッダーの高さを割り出して、それをcssのbody要素に指定してあるbackgroundのpositionにその高さを当てはめる件をしていて、IE7でだけスペースが無く、なので、IE7の分にだけ高さを余分に取りたかったので、このIEのConditional CommentsとjQueryとMTタグのセットでうまく行きました。助かりました。

コードとしては、こんな感じです。(<>は全角にしています。)(jQueryはIE6から対応なので、IE6以下のバージョン判別はここではしていません。)

<MTSetVarTemplate name="header_height_ie7_except">
<script type="text/javascript">
var header_height = $('#header .text-info').height() + 5;
$('#header').height(header_height);

var position_value = "left " + header_height + "px";
$('body').css('background-position', position_value);
</script>
</MTSetVarTemplate>

<MTSetVarTemplate name="header_height_ie7">
<script type="text/javascript">
var header_height = $('#header .text-info').height() + 20;
$('#header').height(header_height);

var position_value = "left " + header_height + "px";
$('body').css('background-position', position_value);
</script>
</MTSetVarTemplate>

<!--[if IE 6]>
<MTGetVar name="header_height_ie7_except">
<![endif]-->

<!--[if IE 7]>
<MTGetVar name="header_height_ie7">
<![endif]-->

<!--[if gte IE 8]>
<MTGetVar name="header_height_ie7_except">
<![endif]-->

<!--[if !IE]><!-->
<MTGetVar name="header_height_ie7_except">
<!--<![endif]-->