解決済
Ads By Google
livedoor wikiの記事の幅を広げるカスタマイズ方法を教えて下さい。
萌えデザインを使用しています。記事の幅を100pxだけ広げたいです。
#container
#banner
#inbox
#wrapper
#content
#wiki
この項目のwidthの幅を100px足してみてIEで確認すると問題なく広がったのですが、Firefoxだと変な表示になってしまいました。
前はこの方法で問題なく広げられたので、本日追加されたCGMメニューの影響だと思います。
「デザインをカスタマイズしていない場合」の方法でデザイン変更した上で上記方法を試したのですが駄目でした。
何かわかる方よろしくお願いします。
↓私のwikiです。
2006-10-19 21:59の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-10-20 11:39:26
Win XP / Firefox 1.0.6で確認したところ、文字サイズ以外はOperaと同様に表示されました。
IEと比較すると、右に余白が表示されるか否かの違いです。
一つ気になったのは、site.cssの「#tab」の指定です。
「width:880px;」で「border-left:220px solid #fcb3d0;」となっているため、合計すると1100pxになってしまっています。
「width:880px;」を「width:660px;」にすると、右の余白が消えて、横スクロールバーが消えると思います。
IEと比較すると、右に余白が表示されるか否かの違いです。
一つ気になったのは、site.cssの「#tab」の指定です。
「width:880px;」で「border-left:220px solid #fcb3d0;」となっているため、合計すると1100pxになってしまっています。
「width:880px;」を「width:660px;」にすると、右の余白が消えて、横スクロールバーが消えると思います。
問題解決しました。ありがとうございました。
#tabを減らさなきゃいけないとは思いつきませんでした。テスト用のIDでもテストしたのですが、なんと、何もいじらない状態でも1100pxになってます。他の人のwikiもCGMメニューとった人はそういう状態。
これライブドアに修正求めないといけないかも。
右余白できるだけだから致命的ってわけでもないですが、カスタマイズしないと絶対に対応できない件のようです。
Ads By Google
コメント(2)
#2. Hukamin
2006-10-20 12:28:19
何故、IEとその他ブラウザで表示が変わってしまうかについては、以下のURLが参考になると思います。
http://www.keynavi.net/ja/bugh/css_misc.html#_titl...
http://cssbug.at.infoseek.co.jp/detail/winie/b001....
上記の解説が判りにくければ、IEではborderはボックス要素の内側に表示され、それ以外のブラウザでは外側に表示されると覚えておけば良いのではないかと思います。
以下のURLも参考になるかもしれません。
「CSS Dencitie > ボックスの構造」
http://www6.plala.or.jp/go_west/nextcss/ref/articl...
（http://www6.plala.or.jp/go_west/nextcss/）
#3. まじかる☆スフィー
2006-10-20 20:51:35
上記の解説が判りにくければ、IEではborderはボックス要素の内側に表示され、それ以外のブラウザでは外側に表示される
すごい参考になりました。ありがとうございます。
今回のCGMメニューの件で多くの人が私と同じ症状に悩んでいるはずなので今回の回答はすごい価値あるものだと思います。
