mieki256's diary

2005/06/01(水) [n年前の日記]

#1 [css] 日記ページのcssを修正中

なんとかようやく、サイドバーが表示されるようになった…。

◎ 結局いわゆるdiv厨になってどうにか :

元々の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 で、場所を決め打ちして、どうにか…。

◎ IE6では font-size 指定が変？ :

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

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

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

◎ IE6で見ると「示」ってのが左のほうに :

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

◎ Operaで表示したら大変なことに :

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

◎ Firefox の select を調整する方法がわからない :

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

この記事へのツッコミ

Re: 日記ページのcssを修正中 by ほげ 2005/06/02 21:50: 以前からこちらのサイトデザイン気に入ってます。
ますます使い勝手がよさげな感じですね
Re: 日記ページのcssを修正中 by mieki256 2005/06/05 01:22: > サイトデザイン

ありがとうございますー（涙
ようやく理想のレイアウトに近づけることができました… (^^;
が、他のブラウザでどう見えるか、
まだまだ全然確認作業ができてないので先は長いですな…