Ads by Google

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

その4〜左サイドバーを整頓〜

おはようございます。
昨年とはうってかわって「朝起き+弁当作る+勉強」が
できています。
なかなかいいスタートの2005年、びおびおです。

今日は左サイドバーを、整頓しました。
[CSS]
#left {
position:absolute;  ←これがよくわかりませぬ。。
top:110px;     
left:55px; ←  ←  ←ずいぶん左に離れてたので
margin-top: 15px;    呼び戻しました。
width: 200px;
background-color: #;
height: auto; /* temp */ ←200pxだったのをautoに。
font-size:75%;     ←80%だったのを小さく。
text-align:left;     ←センターにきてたので左揃えに。
padding:5px;     ←ちょっと疑問が。。
border:1px solid #666;
}

ul.olを使うと左端が空くのがいやなので、
はずしてみました。
[HTML]
<div class="info"> <!--インフォ-->
<%author_name>のblog<br>
<%introduction2><br>
<a href="<%url>?xml">RSS</a><br>
<%ad><%ad2>
</div>  ←<li></li>もはずして<br>を入れてみた。


<h3>びおのエントリーたち</h3>
<div>
<!--recent--> <!--最近の記事一覧-->
<li><a href="<%recent_link>"
title="<%recent_body>"><%recent_title></a>
<span>(<%recent_month>/<%recent_day>)</li>
<!--/recent-->
</div>   ←<li></li>は残してみた。

[?] <li></li>って単独で使ってもいいのかなあ。

[メモ]
div 一段落、前後に空きがない。
p  一段落、前後に空きがある。(文章中に使うといいね)


[?] 
relative→標準表示位置からの相対位置で配置
absolute→親要素に対する絶対位置で配置
探してきました「absolute は、relative または absolute を
指定した親要素(無ければページ)の左上を原点とします」

わからないです。。頭がわかってくれないです。
今日一日、考えてみます。

[?]
昨日marginとpaddingのくらべっこして、理解したと
思ってるんですが、左サイドにpaddingを5px以上入れると
右に幅がのびて、センターにかかってしまいます。
なんでだろう。。

今日は、やってるうちにいろいろ[?]が出てきたので
いろいろ、調べたりします。
次回の〜右サイドの整頓〜はちょっと先になるかな。。
亀の歩みは、力強く!(なんですか。それ)

では。よい一日を!ね。びおびおくん。