実験的「実験的日記」

_ 続々・音声ブラウザ

IE の「ホーム」が勝手に書き換えられていた。一言でいいからメッセージを出してほしいものだ。

_ recent_list

を追加した。レイアウトの変更でスペースができたので。ついでに IE でもほとんど同じに見えるように CSS を修正した。

_ バージョンアップ

した職場の業務用ソフトだが、休日出勤中の H さんからの電話でさらにデータの移行し損ないが判明。自分たちで設定をいじったところが移行し損ねているようなのだが、他には何があったか思い出せないのでまた誰かに迷惑をかけるに違いない。

_ 50,000km

我が家の車がやっと 50,000km に到達。92 年式なのに信じられない走行距離だ。母が近所の買物に使うのがメインなので当然と言えば当然なのだが。

さて、この車、いつまで持つだろうか。

_ レイアウト

　回答です。ツッコミしようかと思ったけど、間違えたら修正できないのでこちらで。

<p class="adminmenu"><%=navi_user%></p>
<h1>実験的「実験的日記」</h1>
<div class="main">
これまでのヘッダの内容

とヘッダに書きます。フッタには

</div>　…ヘッダの <div class="main"> を閉じてる
<%=calendar%>
<p class="adminmenu"><%=navi_user%><%= navi_admin %><%= navi_a %></p>
　…などとこれまでのフッタの内容を書いて、一番最後に
<div class="sidebar">
<%=@calendar2_cache.show%>
<%=calendar_drop%>
<p class="comment-title">最近のツッコミ 3 件分</p>
<%=recent_comment3 3, '/', "(%d %b %Y %H:%M)" %>
<% unless /MSIE (5.5|6.0)/ =~ ENV["HTTP_USER_AGENT"] %>
<p class="comment-title">現在使用中のテーマ</p>
<p><%=view_theme%></p>
<% end %>
<p class="comment-title">最近のサブタイトル</p>
<%=recent_list 15, "%a, %d %b %Y", false, false, false, true %>
</div>

としてます。CSS には

div.main {
        margin-left: 20%;
}
　
div.sidebar {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 20%;
        font-size: x-small;
        margin-top: 7em;
        padding: 2px 2px 100% 2px;
        color: #000;
        background-color: #fff;
        background-image: url(cards_back.png);
}
　
div.sidebar p {
        line-height: 150%;
        text-align: center;
        border-style: solid;
        border-color: #000;
        border-width: 0px 0px 1px 0px;
        margin: 2px 4px 2px 4px;
}

と書いています。細かい調整は各要素（div.body とか div.recentsubtitles とか）でしているので、ここに書いただけだと左右の余白などは同じにならないと思います。不十分な回答ですみません。実際のところ、よく分かっていないもので。しんちゃんが書いているように上に書いた部分で細かく設定する方がいいのかもしれません。