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 指定を。なんだかアホらしい…。
部分的に、 _アンダースコア(アンダーバー)ハック で指定して誤魔化し。
結局、子の中で、逐一 font-size 指定を。なんだかアホらしい…。
部分的に、 _アンダースコア(アンダーバー)ハック で指定して誤魔化し。
◎ IE6で見ると「示」ってのが左のほうに :
たぶん、「カテゴリで表示」の「示」だと思うんだけど。「カテゴリ一覧」のほうも、一番最後のボタンがはみ出してるし。CSSバグとやらかしら。
◎ Operaで表示したら大変なことに :
リストを使ったメニュー部分が大変なことに。うーん。
◎ Firefox の select を調整する方法がわからない :
なんだか文字が隠れてしまってるような。何を設定すればいいのやら。うーん。
この記事へのツッコミ
[ ツッコミを読む(2) | ツッコむ ]
#2 [css] _各ブラウザの表示サイズ解析
IE4、IE5、NN3、NN4、N6において、800x600の画面解像度の際にどこまで表示できるか検証したデータ。
つまり、横780dotで作成しておけばOK、ということだろうか。
つまり、横780dotで作成しておけばOK、ということだろうか。
[ ツッコむ ]
以上、1 日分です。
ますます使い勝手がよさげな感じですね
ありがとうございますー(涙
ようやく理想のレイアウトに近づけることができました… (^^;
が、他のブラウザでどう見えるか、
まだまだ全然確認作業ができてないので先は長いですな…