« MACユーザーさん、助けて(涙) | トップページ | カスタマイズ10(ネスケのため・修正版) »

2004.03.17

カスタマイズ10(ネスケユーザーのために)

(もっとスマートな方法を見つけましたが、この記事はいちおう削除しないでおきます。)


んもー、ネスケなんて大っ嫌いだ~~っ!だ~~だ~~だ~~・・・・・
前の記事で「MAC&ネスケだと見え方が変」って書いたんですが、どうもMACちゃんは関係なくてネスケがいけなかったようです、MACちゃん疑ってごめんね・・・。
よく分からないんだけどNetscapeの場合、入れ物(container)のサイズを数値で指定しちゃうと左端が切れるという恐ろしい現象になるみたいですね。

横スクロールバーがここまでしかいかない・・・。

それで、今回はこんな指定を足してみました。

#container {
width: auto;
margin-right: 30px;
margin-left: 30px;
}
背景以外の画面
#center {
width: 50%;
}
記事部分
#left {
width: 25%;
}
左のサイドバー
#right {
width: 25%;
}
右のサイドバー

#container」とは、背景をのぞいた画面全体のことです。
ここが元は900ピクセルに指定してあったのを、画面のサイズに合わせてフレキシブルに変わるようautoを指定しました。
margin-right: 30px;
margin-left: 30px;
は、左右の背景画像(私のココログでは横縞模様)が見えるように30ピクセルだけ隙間を作ったものです。
この場合、記事部分やサイドバーは数値(ピクセルなど)で指定すると大変なことになってしまいます。
ですので、ここは画面に対するパーセンテージで指定しました。

これだとなんとかいける・・・かしら?てかもう、ここまで来ると力業通り越して、ねじ伏せてるって感じですねっ(私らしいですねっ)。
まだ実際に自分の環境でしか見ていないので、本当にうまくいってるかは分からないんですが、これでなんとか許してやって(涙)。

1個だけ「やばいな」と思っているのは、全幅をautoにした場合、モバイル系やPDAなど小さい画面で見ると全部が細~~~~くなっちゃって超見にくくなることなんですねえ。
現在、ネスケユーザーとモバイラーのどっちをたてるかという、ジレンマのど真ん中に突っ立っております・・・。
あともう1個、これも原因は良く分からないのだけど、3列表示の場合、全体の幅を750ピクセル以下にしたり、パーセンテージで指定すると、もうどのブラウザでも笑えるレイアウトになってしまうようです。

|

« MACユーザーさん、助けて(涙) | トップページ | カスタマイズ10(ネスケのため・修正版) »

ウェブログ・ココログ関連」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/12358/316070

この記事へのトラックバック一覧です: カスタマイズ10(ネスケユーザーのために):

« MACユーザーさん、助けて(涙) | トップページ | カスタマイズ10(ネスケのため・修正版) »