全面リニューアルのお知らせ

http://hxxk.jp/2005/10/17/0253

記事データ

投稿者

望月真琴

投稿日時

2005-10-17T02:53+09:00

タグ
概要

Movable Type のテンプレートを全て一新し、合わせて CSS も新しくしました。いくつか問題点を残したままにしているので、ここにメモして随時対応しようと思います。

リプライ

2 件のリプライがあります。

記事本文

とりあえず報告まで

Movable Type のテンプレートを全て一新し、合わせて CSS も新しくしました。 新しいテンプレートは、 Web Standards with MT ver.3.2 Strict テンプレートの予告で存在を匂わせていたテンプレートと同じものを hxxk.jp 向けにカスタマイズしたもので、近いうちに一般向けのバージョンを配布用として公開するつもりです。

残っている問題点その 1 - IE でだんだん左にずれていく

 これは Internet Explorer (Windows) CSSバグリスト - 左右ボーダーとパディングを設置した要素に後続する部分がずれるの事象と同じなので、対応は取りやすいと思います。 近日中に対処するつもりです。 対処しました。 IE でもずれなくなりました。

残っている問題点その 2 - IE で謎の border

 dt には border-bottom を設定しているのですが、 dl.metadata dt ではその border-bottom を打ち消すようにしています。 ……が、何故か IE 6.0 では意図せずに残ったまま。 もしかしたら前項のバグリストに載っているかもしれませんが、すぐに思い出せないので、当分そのままにしておきます。 色々試してみたけど解決できず……。

残っている問題点その 3 - DisableSidebarForHxxkJp に変更を加えてもらう必要がある

hxxk.jp - Disable sidebar for hxxk.jp で紹介した、 hxxk.jp のメニュー部分の表示 / 非表示をワンクリックで切り替えられる Greasemonkey スクリプトですが、今回 CSS も新しくしたため、変更を加える必要があります。 現在、ちょうど DisableSidebarForHxxkJp が公開されているサーバが停電のため稼動していないということで、スクリプトがどのように書かれていたかの確認はできませんが、メニュー部分を display:none; にして、メニュー部分だけ margin を取っていた分を広げるようなものになっていたと思います。

新しい CSS では、メニュー部分は dl#menu でグルーピングしており、かつ次に羅列する width:70%; としている部分の width を 100% ないしそれに近い値にすれば良いと思います。

リプライ

2 件のリプライが送られています。

2005-10-19T13:27+09:00 - ちはや(智猫)

真琴さん、全面改装お疲れ様です。 IEというかIEHTMLレンダリングエンジン使用のブラウザ(というかWrapper?Dunut系やIEコンポーネント時のlunascapeやSleipnirその他)で見ると凄いですね……縦線横線が縦横無尽に…… エントリーの文章も左寄りにはみ出して見えますし(余計なボーダーのせい?)。リンクを張った文面などがあるとそこをマウスカーソルを通すとその行だけ想定している位置を思われる右にずれたりと(IEでは良くあること……(苦笑)) Firefox1.07で見るとすっきりしてるのに…… うちはIE用Wrapper的ブラウザやFirefoxでもブックマークを完全に共有してるので、IE,DonutRapt,Firfoxのどれで閲覧しても良いんですがー(笑) でも、ちょっとだけでも解消してもらえると嬉しかったりします。

2005-10-21T01:33+09:00 - 真琴

左にはみ出したり、リンクアンカーがいきなり元の位置に戻ったりする方は対処完了しました。 もう一つの問題の dl.metadata に謎の横線が出る問題は解決の糸口がつかめていません……。

この記事に対するご意見やご質問、ご感想などありましたらこのフォームに簡潔に記入して下さい。 簡潔に記入できない場合や、関連記事にてご意見をお寄せいただく場合は、ご自身の weblog にて記事を書かれた上で あてにトラックバックとして送信してください。

記入フォーム

補足情報

著作、講演、制作実績など