SSブログ
RSS [RSS1.0] [RSS2.0]
共謀罪を含む改悪組織犯罪処罰法は
【「共謀罪」法 衆参両院議員の投票行動(東京新聞 2017/6/16)】

現在の追加スタイル指定

 現在、私のブログでは次のスタイルを指定して「MacOS9.2.2+IE5.1.7」と「MacOS9.2.2+Netscape 7.02」で閲覧できるようにしてある。

<style TYPE="text/css">
<!--
/* スキンの改善 */
#side-a { overflow:visible; }
.articles { overflow:visible; }
#main {
float:none;
width:540px;
margin-left:214px;
}
.archive-bottom { clear:left; }
#content { height:auto; }
#comments { overflow:hidden; }
#comment-write { overflow:hidden; }
/* バナーとコンテンツの隙間を無くす */
#banner { overflow:hidden; }
#header { overflow:hidden; }
/* サイドバーの行間を狭める */
.sidebar-body li { line-height:100%; }
/* 引用タグ内の背景を白にする */
blockquote { background:#ffffff; }
/* 小パンダをページの右側に表示させる */
(追記:2007/1/9:コメントを書いている時に邪魔なようなので削除した↓)
body { background:#666666 url("/_images/blog/self/175519.gif") no-repeat fixed right center; }
-->
</style>

 「MacOS9.2.2+IE5.1.7」や「MacOS9.2.2+Netscape 7.02」で閲覧する際の問題を改善する目的でない指定も含まれている。
 これらの指定による問題は次の通り。

・MacOS9.2.2 + IE5.1.7
 → archive-bottom(前後へのリンク)の位置がサイドバーよりも低くなる。
・MacOS9.2.2 + Netscape 7.02
 → content要素が下に大きく伸びて無駄なスペースができる。
・Windows XP + IE6.0
 → 問題なし
・Windows XP + IE7以降
 → 無視

 とりあえず、これで「MacOS9.2.2+IE5.1.7」と「MacOS9.2.2+Netscape 7.02」で閲覧できるようになったと思う。余裕があったらさらに改善する。しかし、これはSo-netさんが「エコ」スキンを改善するまでの暫定的な措置である。So-netさんが改善してくれたら「/* スキンの改善 */」と「/* バナーとコンテンツの隙間を無くす */」のスタイルの指定は解除する。

 他の問題を発見した方はコメント欄でお知らせ下さい。m(_ _)m

追記:
 【横スクロールバーを避ける方法】で見つけたトラブル、すなわち「Windows XP+IE6.0」では長いURLをちょうど良い所で折り返してくれないトラブルがあります。同じ現象が「MacOS9.2.2+Netscape 7.02」でも見られました。これはブラウザの「仕様」として諦めるしかなさそうです。自分で改行して対処するしかないような気がします。【両脇に門松を立てたい】の上の引用タグの中でその現象が見られましたので、同じURLの上の部分は改行しないままにして下の部分を自分で改行してみました。ご覧の通り、URLの途中で改行するとSo-net blogが自動的にリンクを作成する場合に問題が生じます。(追記(2007/1/25):「word-break:break-all;」を利用することにしました)

追記(2007/1/8):
 カテゴリー表示では「archive-bottom」が存在せず、「.archive-bottom { clear:left; }」が機能しないことが分かりました。本来は【「clear:both」が抜けていた】にあるように「main要素が終わった後、content要素が終わる前」に「clear:both;」を指定したかったのですが、ユーザーの力では不可能なのでmain要素の一番最後の「archive-bottom」に指定したのでした。カテゴリー表示ではmain要素の一番最後が「archive-title」で、これはmain要素の一番最初に使われているので「clear:left;」を指定することはできません。「archive-title」の中に「clear:both;」がありますが、これは「archive-title」の中の「archive-name」の「float:left;」と「archive-links」の「float:right;」を解除するための指定ですので、content要素内のside-a要素に指定された「float:left;」を解除することはできません。諦めるしかなさそうです。


最近の関連記事:

【「margin:1.3em 0;」が原因?】(2007/1/7)
【「clear:both」が抜けていた】(2007/1/2)
【両脇に門松を立てたい】(2007/1/1)
【横スクロールバーを避ける方法】(2006/12/31)
【「del」を使うと変になる。】(2006/12/24)
【「エコ」スキンの改善法】(2006/12/23)
【ブログのスキンが異常です。】(2006/12/19)
【私のブログ更新終了?】(2006/12/7)


nice!(0)  コメント(0)  トラックバック(0) 
カテゴリー:ブログを使いながら
共通テーマ:blog

読者の反応

nice! 0

sonet-asin-area

コメント 0

コメントの受付は締め切りました

トラックバック 0

トラックバックの受付は締め切りました