ネットで調べながら少しずつCSSを書いていたのだが
中々上手くいっていないのが現状である。
初めに以前記事に載せたヘッダー用画像をヘッダーに設定してみた。
ここでは特に問題なくいったのだが、ブラウザのサイズによって
表示サイズが変わるように(レスポンシブ)していたら問題発生。
メイン(記事)の右側にサイドバーがあるはずなのに無い・・・
下にスクロールしてみるとメインの一番下にあった。
直そうと色々といじってはみたものの直らず。
その日は忙しかったのもあり、諦めることに。
翌日原因を探っていると・・・ようやく見つけた。
画像の表示サイズを自動で調整するようにした時に
右サイドバーのサイズ指定にセミコロン( ; )を付け忘れていたようだ。
一応メイン(記事)とサイドバーのサイズは自動で調整するようになった。
今の問題としてはヘッダー画像が若干見切れている事。
それをなんとか修正したい。
今後の予定
?@記事タイトルとサイドバーを表示する部分に画像を設定。
?A上記の部分を線で囲う。
?Bブログ全体の色を変更。
こんなところだろうか。
もう少し簡単かと思っていたが難しい。
だが、楽しい。
完成まで少し時間がかかるかもしれないが
今後の為にもしっかり憶えようと思う。
では、今回の記事はここまで。
次回の記事の題材は未定。
タグ: CSS
【このカテゴリーの最新記事】
- no image