ikanagos diary

前に書いたのがほとんどだけど作ってて
気づいたこと

■IE6で改行が反映されなくなった時
掲示板　日記
letter-spacing というのを指定して文字をみやすくしようとしたはずが(^_^;)

br { letter-spacing: 0; }

■ IE6で連続する半角英数字が改行されない修正
word-break:break-all; white-space: ;

掲示板
.post p{word-break:break-all; white-space: ; }


日記
.entry_body{word-break:break-all; white-space: ; }



■firefoxで連続する半角英数字が改行されないのでスクロールバーで対応
overflow:auto;

掲示板
.post p{overflow:auto; }

日記
.entry_body{
overflow:auto;
}

----------------------------------------------------

■firefoxでtext-align:center; がなぜか反映されない

margin-right:auto;
margin-left:auto;

にしてみる

例
うちの日記の場合
mainに

#main{text-align:center;}

しといて
日記本体は

.entry {
margin-right:auto;
margin-left:auto;
text-align:left;
}

---------------------------------------------------
ほかのブラウザでは問題ないのにIE7だけおかしいとき
とかに使うといいかも
IE7用
CSSハック

*:first-child+html

例　ul部に適応するには


ul {
　　　　　　
　　今まで使っていたIE6用などのスタイルを記述
　　　　　　
}

この下に

*:first-child+html ul {
　　　　　　
　IE7専用のスタイルを記述
}　　　　　　

-------------------------------------------------------
■ブラウザSleipnirでスクロールバーが変

ツール→Sleipnirオプション→ビュー→Trident→スクロールバーをフラットするのチェックをはずす


■ブラウザOperaでスクロールバーのスタイルシートが反映されない
わかりません
エクラのDOCTYPE 宣言が関係あるかも　エクラではダメみたいです


-----------------------------------------------------------

■IEの時限爆弾

<style type="text/css">　のみを
をメニューの編集にくわえると真っ白になり編集不能に

終了タグもきっちりかかないと(^_^;)