ブラウザで印刷時にリンクの色がアンダーラインと異なってしまう問題

今回googleのwin chromeで印刷時にある一定の色を使うとリンクテキストとそれについているアンダーラインの色が異なるバグ？的な壁にぶつかった。

ためしにprint.cssの下記のようなリンクカラーを黒にしてみたらきちんと反映された。。
a:link,a:visited,a:active,a:hover{
color:#000!;
}

ん？
これって。。色のせい？
試しに茶色をリンクカラーに割り当てていたので、
少し濃い茶色を指定して印刷したところ無事に反映された。

かなりのレアケースだと思う。

prt.jpg 画像参照

色の指定が悪かったのか。。　色の指定で英語のところは小文字にするべきなのか。。　ブラウザが悪いのか。。

まだ要素はたくさんあるが、時間がないので解決できたことでまずOKとします。

日時: 2010年5月17日 10:26 | | コメント (1)

CSSの不思議！？

#wrapper{
margin:0 auto;
}

と設定してなにかの原因でIE6だけ中央寄せにできなくて左に寄っちゃって困ったなーと思ったら

body{
text-align:center;
}
#wrapper{
margin:0 auto;
text-align:left;
}

にしたらFirefox,IE7,IE6ともに中央寄せになったから良かった～と思ったけど
普通はwrapperにmargin:0 auto;だけでいけると思ったのになんでかなー
まぁいいか問題は解決したしね。

floatとmarginを一緒に使ってしまうとmarginが2倍になってしまうIE6のバグでも説明しちゃいますかね。

【例１】
#cat{
float:left;
margin:5px;
}

だとmarginが2倍の10pxとしてIE6では表示されてしまうけど

【例２】
#cat{
float:left;
margin:5px;
display:inline;
}

というようにdisplay:inlineをつけるとIE6でも5pxとして表示してくれます。
まぁ知ってる人はしっているメジャーなcssハックですね。
これだとエラーもはかれないし、ただたまにpaddingとかと一緒にかけるとバグったりします。

ご参考まで 

日時: 2007年8月23日 01:11 |

CSS HACK　IE6.0 IE7.0用

インターネットエクスプローラー6.0と7.0
それぞれに適応させることができる最近知ったCSS hackをご紹介します。

/*-----start------*/

_div.d-log{
margin:0;
padding:5px;
}

*div.d-log
margin:0;
padding:0px;
}

/*-------end-0----*/

_をつけるとIE6に適用されます。
*をつけるとIE7に適応されます。
また、構文的にも問題ないようです。。たぶん。

<!--[if IE]><link rel="stylesheet" type="text/css" href="IE6以下用.css"><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="IE7用.css"><![endif]-->

として別にCSSハック用のCSSを作成しても良いですね。
初歩的なものですが覚えておいても損はないかと。。

寂しいとき悲しいとき、、
みなさんはどうやって過ごしますか？

日時: 2007年8月19日 22:34 | | コメント (12)

今が旬なお勧めサイトのご紹介！！

富貴蘭の事ならシード園芸

FX情報