g.gの雑記帳

onion-project.com活動日記改め、g.gの雑記帳にしました^^

平成28年(2016年)3月29日(火曜日)

2016年03月29日 11時16分49秒 | 日記
天気 晴れ

今日もいい天気です。
暖かくなりそうですが、
家の周りの雪がなくなったんで、
もうそれほど、
気にしなくなっちゃいました

庭の雪は、
そのうち溶けるでしょう
こっちは、
あんまり手をかかるつもりはありません。

もう、

や、
チューリップが芽を出しています。

今日は、
昼から、
家族の会のに行ってきます。
久しぶりに街に出ます。
天気もいいことだし、
経費節減のため、
自転車で行くことにします。
ただ、
中心街は、
駐輪場が少ないんで、
札幌駅北口の駐輪場で、
100円必要です。
ついでに、
冷蔵庫の下調べ、
しとこうかな。

今日は、
暖かいこともあるんですが、
雪割り頑張り過ぎて、
疲れでかったるい。

サイトの方は、
まだアクセシビリティ指針も出来ず。
試行錯誤中です。

昨日、
これまで、
ページは、
内容全部を、
1×1のテーブルにぶっこんで、
ディスプレーの解像度に合わせて、
PCは、
width="80%"に、
スマホは、
width="100%"で、
モバイルフレンドリーにしてたんだけど、
div使っても、
同じことが出来るってことが、
分かったんで、
bodyの下に、
まてよ…

やっぱりでした。
divにやったことと、
同じことを、
bodyにやれば、
出来ちゃいました。
前にも1度bodyでやったんだけど、
左に寄っちゃって、
中央に表示されなかったんですよ、
スタイルシートに、

body {
width: 80%;
margin: 0 auto;
}

@media screen and (max-width: 1024px) {
body {
width: 85%;
margin: 0 auto;
}
}

@media screen and (max-width: 768px) {
body {
width: 90%;
margin: 0 auto;
}
}

@media screen and (max-width: 480px) {

body {
width: 100%;
margin: 0 auto;
}
}

と書いただけです。

ただこの方法だと、
ie5は対応してないんで、
スタイルシートが適応されない時といっしょで、
ie5では、
横一杯に表示されるだけです。
でも、
大きな問題は起きないはず?

ただ、
何か問題があるかも?

CSS初心者のやることですからね。

bodyに指定することで、
スタイルシートを、
書き換えるだけで、
ページを変更する必要はないんで、
直しの手間が省けます。


BlueGriffonの、
プレビューでは、
画像とページの構造化の部分だけ指定して、
後はソースに直接指定することにしました。

スタイルシートですか、
どんどん使っていくことにしたんで、
またページの書き換えが必要になってます。

でも今、
やっとかないと、
後が大変。

今、
札幌市市民活動サポートセンターに来てるんですが、
自転車は、
北口の駐輪場(有料)に、
置いてあって、
そっから出して、
家電量販店に行ったって、
駐輪場所があるかな?
ってことで、
やめて、
まっすぐ帰ることにしました。

札幌市市民活動サポートセンターでは、
会員登録してあると、
Wi-Fiがつかえるんですよね、
電話代節約のため、
ちょっとここで、
少しダウンロードしてから帰ります。

今、
家に帰って来てちょっと休憩してから、
夕食を作らないと