**[[質問箱3/168]] [#g7b08c2c] #author("2018-03-11T15:54:31+09:00;2007-07-05T01:29:10+09:00","","") **[[質問箱/3168]] [#g7b08c2c] |RIGHT:70|LEFT:410|c |~カテゴリ|| |~サマリ|Navigatorのデザインについて| |~バージョン|1.4.5| |~投稿者|[[fox]]| |~状態|完了| |~投稿日|&new{2005-08-13 (土) 00:05:30};| ***質問 [#r4e7c6ab] 質問よろしくお願いします。 PukiWikiのデフォルトではページ上部のNavigatorには、 ページを作成したりする部分のメニューがありますが、 その部分を、[[もじら組>http://www.mozilla.gr.jp/]]のようなNavigatorにしたくて 自作スキン/iridなどを参考に pukiwiki.skin.phpに <div id="navigator"> <?php echo convert_html(get_source('Navigator')) ?> </div> の追加。 新しいページに Navigator を追加。 スタイルシートに div#navigator { font-size: 100%; clear: both; color: #fff; background-color:#666; padding: 0; margin:0; border-top: #999 1px solid; border-bottom: #000 1px solid; } と追加しているのですが、paddingやmarginを指定しても、 もじら組のようなデザインにはできないのです。 どうしても縦の幅が大きくなりすぎてしまいます。 borderの部分を1pxから0pxに変更すると [[Epilogue/LogueWiki>http://logue.be/]]のサイトのようになってしまいます。 これはPukiWikiでは解決できないのでしょうか? ***回答 [#o685ae4a] -IEで見るとNavigatorのpadding-topが設定した値より広がって見えますね。根本的な解決法ではありませんが、簡単な対処法は<div id="navigator">の前に<p>を入れちゃうことだと思います。 -- &new{2005-08-13 (土) 10:45:15}; -回答ありがとうございます。<p>のタグをつけても改善されず&sad; <div id="navigator"> <?php echo convert_html(get_source('Navigator')) ?> </div> の記述が間違っているのでしょうか??? -- [[fox]] &new{2005-08-13 (土) 16:26:51}; -pを入れる方法で解決できました。ただ入れる場所はpukiwiki.css.php。 div#navigator p{ margin:0px; } と記述することで、div#navigator {で指定したCSSがうまく動作しました。 ただ解決は出来たものの、原因はわからず。 -- [[fox]] &new{2005-08-14 (日) 08:33:51}; -解決されたようですが、上で言ったのは<p><div id="navigator">~</div>のようにして下さい、ということです (^^; [[fox]]さんの記述だと<div id="navigator"><p>~</div>になっているように思えます (^^; -- &new{2005-08-14 (日) 17:29:48}; #comment