[Slashdotjp-dev 23] タイトルバーが意図せず中央揃えになってしまっていた

アーカイブの一覧に戻る

Oliver M. Bolzer olive****@faker*****
2004年 1月 20日 (火) 03:02:46 JST


各記事だけでなく、いろんなところで使われている「タイトルバー」。
中央揃えにならなくていいものまでセンタリングされているとIRCで
指摘されたので調べた。もともと幅が100%なところでは気がつきにくかった
が。日記のTop30ページの「最近更新したユーザ」などが意図せずセンタリング
されてた。

原因:CSSにて、table.titlebar {  margin: 0.2em auto; } と指定されていた。
  margin-topとmargin-bottomを個別に設定するよりは、上下、左右を指定する
  marginの引数2個バージョンを使っていた。しかし、marginがautoだと
  左右の余白が均一に分割されてしまって、中央揃いになってた模様。

修正:margin-topとmargin-bottomをそれぞれ指定。左右は無指定。

-- 

	Oliver M. Bolzer
-------------- next part --------------
--- slashdot.css.bak	2004-01-19 18:44:51.000000000 +0100
+++ slashdot.css	2004-01-19 18:44:42.000000000 +0100
@@ -2,7 +2,8 @@
 
 /*--Titlebar------------------------------------*/
 table.titlebar {
-  margin: 0.2em auto;
+  margin-top: 0.2em;
+  margin-bottom: 0.2em;
 }
 table.titlebar td.title{
   background: url([% constants.imagedir %]/slc.gif) no-repeat;


Slashdotjp-dev メーリングリストの案内
アーカイブの一覧に戻る