mieki256's diary

元々のhtmlは下のようになっていたのだけど。

<div class="header">ヘッダー</div>

<div class="main">本文</div>

<div class="sidebar">

	<div class="title">記事タイトル</div>

	<div class="search">検索</div>

	<div class="calendar">カレンダー・過去ログ表示</div>

	<div class="category">カテゴリ一覧</div>

</div>

hns の theme.ph を弄れば、この順番を書き換えられるらしいのだけど。自分のスキルでは、「本文」の次に「記事タイトル」が出力される流れを修正できなくて…。「本文」「検索」「カレンダー・過去ログ表示」「記事タイトル」「カテゴリー一覧」の順番に並んでれば、もう少し楽にレイアウト出来そうなんだけど…。

結局、下のように修正。

<div class="header">ヘッダー</div>

<div class="main">本文</div>

<div class="sidebar">

	<div class="title">記事タイトル</div>

	<div class="category">カテゴリ一覧</div>
</div>

<div class="sidebar2">

	<div class="search">検索</div>

	<div class="calendar">カレンダー・過去ログ表示</div>

</div>

div.main は margin-left で右側にずらして。div.sidebar、div.sidebar2 は、position:absolute、top:?px、left:0px で、場所を決め打ちして、どうにか…。

親ブロックが、font-size:small と指定してるのに、反映してる感じがしない…。Moizlla Firefox では反映してるのだけど。

結局、子の中で、逐一 font-size 指定を。なんだかアホらしい…。

部分的に、 _アンダースコア(アンダーバー)ハック で指定して誤魔化し。

たぶん、「カテゴリで表示」の「示」だと思うんだけど。「カテゴリ一覧」のほうも、一番最後のボタンがはみ出してるし。CSSバグとやらかしら。

リストを使ったメニュー部分が大変なことに。うーん。

なんだか文字が隠れてしまってるような。何を設定すればいいのやら。うーん。