長いURLがデザインからはみ出す対策
全角文字なら問題ないが、半角英数字をなど長いURLを表示すると、ブロック要素からはみ出すときがあります。そんなときは以下の対策をします。 ■IE6.x 以下のCSSハックにて対応する body{ _word-break: break-all; /* IE6独自 */ } ■IE7.x 以下のCSSハックにて対応 *:first-child+html body{ word-break:...
View Articleid属性、class属性値に「_」は使わない
「_」を含んだid/class属性値は、IE4、Mac版NN4.x、Mac版NN6(初期)では無視されるので使用は控える ×：#top_header ○：#top-header 参考になりました？
View ArticleIE7未満のみスタイルシートを読み込む
HTMLのヘッダ部分に以下を指定をすると、IE7未満のブラウザはCSSを読み込まなくなる。 【コード】 <!–[if lt IE 7]> <style type=”text/css”> @import url(”http://veerle.duoh.com/index.php?css=blog/css-ie”); </style>;...
View ArticleIEでborder-colorが消える
div要素のborder-colorが消える IEのレンダリングのバグ 対策：div要素にwidth:100%を指定するか、background-colorを指定すると直る。 参考になりました？
View ArticleIEでbackground-colorが消える
floatをつかうと、時々background-colorが消える時がある。 原因不明だが、widthを指定すると直る（pxでも%でも何でも良い。autoだけは微妙）。 しかし、widthの指定は各ブラウザで違うので、IE用のハックをするのが今のところ ベスト 例：_width:100%; 参考になりました？
View Articleimportの優先度
importの優先度 以下が@importの優先度一覧 @import url(x.css); @import url("y.css"); /* 「"」で括るとMacIE4.5は認識しない */ @import url('z.css'); /* 「'」で括るとMacIEは認識しない */ ■参考サイト http://east.portland.ne.jp/~sigekazu/css/boxm.htm...
View ArticleCSS（スタイルシート）の書式
<head>～</head>の間に書く書式 外部CSSファイルの読み込み <link rel="stylesheet" href="styles.css" type="text/css" media="screen,print" /> HTML内に書くとき <style type="text/css"> <!-- p{...
View ArticleIE8で表示できない（真っ白）になる原因
FireFoxなどでは正常に表示できるが、IE8や、IE7で画面が表示できない（画面が真っ白）になる場合があります。 特徴としては、ブラウザの表示は真っ白なのに、「ソースの表示」をすると、きちんとHTMLソースコードが表示できる点です。 いろいろ調べたら、どうやら titleタグと charsetの順序が影響しているようです。 具体的には以下のソースにすると、ＩＥ８やＩＥ７では画面が真っ白になり...
View Article
