Su | Mo | Tu | We | Th | Fr | Sa |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 |
suzieさんに「ネットスケープやオペラでicydogをみると、ぐしゃぐしゃになってますよ」といわれ、気になっていたが、ようやく、この土日に改訂作業。途中、じじーどるさんにも何を学べばいいのかを教えてもらい、試行錯誤を繰り返しながら、ようやく完成。最新のネットスケープとIEではうまく表示できるようになった。オペラでの表示は未確認。ネットスケープの古いヴァージョンは対応できない。また、写真の大きさを下回るようなサイズになると崩れる。これは仕方ない。ジャンル的には「CSSのフロート(float)による三段組」というものらしいが、意外と情報が少ない。ブログの記事の大きさを固定してしまえば簡単なのだが、画面の大きさに合わせて可変サイズで対応するのはなかなかうまくいかない。できてしまえば簡単なことだった。
[同じように悩んでいる方のために]
左右の列をそれぞれ
float-left と float-right で固定し(widthもpxで固定)、その間に contentを挟む。
その時に、contentに関してはfloat-leftを「指定しない」ことがポイントだった。(これを指定するとIEとNNで結果が違ってくる)。
contentを左右の列の間に浮かせる方法はmargin-leftとmargin-rightをそれぞれ左右の列の巾だけ指定すればよい。widthはauto。
#linksleft {
float:left;
margin: 0px;
padding-right: 0px;
width: 166px;
}
#content {
margin-left: 170px;
margin-right: 170px;
padding: 0px;
width:auto;
}
#links {
float:right;
margin-left: 10px;
padding: 0px;
width: 166px;
}
operaでも大丈夫でしたよ!
今までエントリーがずっと下の方へ行ってたんですけど、見やすくなりましたね~。
あ、そうですか。安心しました!
ヴィジターの8%がネットスケープとオペラだったので、もっと早く着手すべきでした。
問題提起者のsuzieです。Operaでも問題なく表示されています。
さて、「複数ブラウザでの表示問題」の次にチャレンジするべきテーマが見つかりました。
CDから着メロを作るという遠大なテーマ。
やってみても音質的になかなかうまくいかない。
詳細は
http://www.more-mobile.jp/tokoton/tokoton_0301.html
このたびは、ご指摘ありがとうございました。
さて、新しい問題ですが、携帯の着信音を鳴らさないので、まったく関心ございません。スピーカーを潰してしまおうかと思っているぐらいです。
はじめまして。
パウダーブルーと申します。
素敵なサイトですね。
ブログの存在を、1週間前に知りました。
ICYDOGさんを、参考にさせていただきたいのですが、宜しいでしょうか??
3段にしたくて格闘しているのですが、つまずいております。
差し支えなければ、教えていただけないでしょうか。宜しくお願いします。
http://www.powderblue.org/blog
いらっしゃいませ。私も悪戦苦闘・試行錯誤でやっておりますので、体系だててお教えできるものではないのですが、お役にたてることがあれば、なんなりと協力させていただきます。
Posted by: icydog : March 9, 2004 10:25 AM