質問箱/3168 のバックアップ差分(No.6)

• バックアップ一覧
• 現在との差分 を表示
• ソース を表示
• 質問箱/3168 へ行く。
  • 1 (2005-08-13 (土) 00:05:30)
  • 2 (2005-08-13 (土) 00:11:51)
  • 3 (2005-08-13 (土) 16:28:28)
  • 4 (2005-08-14 (日) 08:38:16)
  • 5 (2005-08-14 (日) 17:31:22)
  • 6 (2007-07-05 (木) 01:29:10)

• 追加された行はこの色です。
• 削除された行はこの色です。

**[[質問箱3/168]] [#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.tk/]]のサイトのようになってしまいます。
[[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