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;