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
> サイトデザイン

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

以上です。

過去ログ表示

Prev - 2005/06 - Next
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

カテゴリで表示

検索機能は Namazu for hns で提供されています。(詳細指定/ヘルプ


注意: 現在使用の日記自動生成システムは Version 2.19.6 です。
公開されている日記自動生成システムは Version 2.19.5 です。

Powered by hns-2.19.6, HyperNikkiSystem Project