はーちゃんの気晴らし日記

気ままに 楽しく 書きくけこっこ!

みなさんのおかげです(テンプレ製作)追記あり

2007年07月03日 | わたくしごと

今までモヤモヤとしていた部分がすっきりしてきました。
救世主が現れました。

今日、花おじからコメントをいただき、
/* エントリーレイアウト用 */
.oneEntry {
padding:25px;/*■追加 本文内の余白上下左右25px■*/
これを入れてみました。

すると、なんということでしょう!
タイトルの位置も良い感じ、本文の位置も良い感じ。
うっふん♪
特別なタグを追加することなく、良い感じの位置に余白ができました。
もちろん、書き出し部分が下がることもなくなりました。
もやっと部分が、一気にすっきり、すっきり、すっきりです。

残るは、この部分のみ

これが解決すれば、私のテンプレは完璧です!

すると、花おじから再度コメントを頂きました。

先ほどのpadding(上下左右を含んでいました)を削除して、そのCSSの上部にある
↓の部分で左右上下の好きな部分に余白をつけてみて下さい。
多分、気になっているところは左側でしょうから、padding-left:25px; 程度でいいかと思います。

/* エントリーレイアウト用 */
#center{
height:100%;
padding-left:25px; /*■これを追加する 左側の余白■ */
}

これで、すべて解決です!
やったー!
バンザーイ!
見てください。ちゃんと「前ページ」の部分の前に余白ができているでしょう?

と、思ったら、ともちゃんのコメントで、

私のPCで見ると、メニュ欄のスクロールバーが
本文の背景にめり込んでるの。半分バーが隠れてる状態。

なのだそうです。
私のPCではそんなことはないのですが、自分でも、本文とメニューバーとの余白が少なすぎるなと思っていました。
一難去って、また一難です。

じゃじゃじゃじゃ~ん!
そして、これは、自分で解決できました。
花おじに教えていただいたことの応用で、

/* メニューレイアウト用 */
#sideBar {
padding-right:15px;/*追加*/
}

この部分を追加しました。

どうよ!私のブログ、完璧になりました!
って、ホントかぁ?
なにやらあきちゃんがカレンダーが透明になったとか書いてるしぃ
自分だけがちゃんと見えてるってことだとショックです。
もし、不都合があったら、教えてくださいね♪

願わくば、「ブログの概要」をもう少し下に下げることができれば、より完璧なのですが。



最新の画像もっと見る