ガーデンカフェ の 雑記帳

相模原市富士見のに素敵なお店を発見しました。
アンティークな古時計や蓄音機とあらゆるモノや道具が並びます。

オーナーの秋元さんは、すらっと背が高く細身のダンディーな方でした。
今年の6月にオープンしてから各誌で紹介されて、忙しくなってしまったようで、
「ホームセンターに買い物もなかなか行けない。」と電話口で嘆いていました。

机には修理を頼まれた、ウエストミンスターチャイムの古時計があり、
もうすぐ生まれ変わるのを待っているかのようでした。この時計おそらくドイツ製の
1960年前後のものでしょうか？文字盤の装飾がとても素敵な置時計です。

もうひとつ、USA　Victor製の蓄音機の音色を聞かせてもらいました。その電気を通さない
懐かしい音はまるで60年代のアメリカを彷彿させるような、
「古き良き時代」を感じさせるものでした。

とにかく、小さなものから暖炉や蓄音機など大きなものまで盛りだくさん。
僕はどこを見ていいのやら！！　気さくに入れるアンティークショップの様でもあるし、
修理屋さんの様でもあるし、　まさに「夢の工房」

「てるてる」所有のアンティークの修理もここで、少しづつ紹介していきますが、
修理の仕方を、秋元さんに相談してみようかなぁ　と思うものもあります。

もしこれ読んでいたら「よろしくお願いいたしま～す。」　（笑）　m(__)m

相模原市富士見３－２－２１
工房　あなろぐ
042-850-5554

コーヒーは１人分よりも数人分を一度に落とした方が、おいしく淹れることができます。

その理由は、１人分ではあっという間にお湯が落ちてしまい、コーヒーの美味しいエキスを十分抽出することが難しいからです。

コーヒーの量は、ふつう１人分約１０ｇで計算しますが、１人分を淹れる場合は少し多めに用意してください。

そしてポイントは・・

・はじめに少量のお湯を注いでから、豆がムクムク膨らんでいき・・
　膨らみきるまで十分蒸らして下さい。（２０～３０秒）

・お湯をそそぐ時はできるだけ少量ずつ、注いでください。

お湯を落とし始めてから、抽出し終わるまでの時間の目安は３分です。
口の細く長いコーヒーポットは、注ぐお湯の量を調節しやすいようにできているんですね～。

【おいしいコーヒーの入れ方】も、 ぜひ参考になさってくださいね♪

ある時から突然、表示が2カラムから1カラムのようにすべてが縦に表示されてしまう現象がありました。 エントリーの部分が左カラムの下に行ってしまいかなり不恰好に見えます。

この原因はいろいろ考えられるようですが、今回の場合は非常に簡単でした。が、、、発見するには店長のお力を借りましたとさ！！

結果から話すと、スタイルシートの

/* 2カラム用 */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 750px;　←この部分に対し！！！
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 0 0;
    border-bottom: 1px solid #36414d;
    border-left: 1px solid #36414d;
    border-right: 1px solid #36414d;
    text-align: left;
    background-color: #ffffff;
}

もとは、「width: 665px;」の幅を「イの葉」に合わせて「width: 750px;」に変更しました。
ここに対し、２カラム表示なので、
.layout-two-column-left #links-left-box {
    float: left;
    width: 185px; 　 ←ここはデフォルトのまま。
}
の左側のボックスの幅、「width: 185px;」があります。
残りの幅を右側のボックスにしようと
/* 2カラム(左サイドバー) */
.layout-two-column-left #content {
    float: left;
    width: 565px;　 ←この部分を変更！！ ！　ここが原因。
    margin: 0 0 10px 0;
    border-bottom: 1px solid #36414d;
    border-left: 1px solid #36414d;
}
もとは、「width: 478px;」の幅を、単純計算で「750-185=565」としました。

ところがこれでは、駄目で2px少ない「width: 563;」 だと上手く動きました。「750-185-2=563;」
なぜ2pxなのかは詰めていませんが、おそらくボーダーラインが1pxなので左右で2pxは消費しているのかなぁ？！
それとも、マージンやパディングが関係しているのかもしれません。

いずれにしても、表示が狂う原因として
・ width
・ margin
・ padding
などが関係していることが多いです。