イヌブロブログ

IEでも角丸を？

2010-04-22 (木)
category : web関係
tag : border-radius | CSS | IE

FirefoxやSafariなどはCSS3のborder-radiusで角丸を実現できますが、IEは対応しておりません。
というわけでborder-radius.htcなるものを使ってみたのですが・・・動かない。。。
ダウンロード先

-moz-border-radius: 32px;//for Firefox
-webkit-border-radius: 32px;//for Safari and chrome
border-radius: 32px;//CSS3
behavior: url(border-radius.htc);//for IE

で動くはずなんだけど、なんぼやっても動きません。
デモでは動くんだけど。

怪しいのはz-index辺りか、ボックスをフロートさせてるせいか。
もうちょっと調べてみます。

てかIE消えてくれ。

Comments: 0
Trackbacks: 0

IE7で消えるパンくず

2009-05-29 (金)
category : デザイン
tag : CSS | IE

40歳になったNiCkoです(´ー｀)
若い頃は考えられなかったけど、40代もいいもんですね。
なんだかワクワクしております（笑）

さて、最近はプライベートな日記はmixiのほうに書いております。
こちらは犬関係か仕事関係の覚え書き中心になると思います。

というわけで。

タイトルにあるようにあるサイトでパンくずを書いていたんですが、なぜかIE7だけ消えるんです。
divタグでくくると消えます。なのでspanタグでくくっていたんですが、すると今度はIE8とOperaでレイアウトが崩れます。。

なぜなのか、原因不明。。droppyでプルダウンメニューを使ってるからかなぁ

仕方ないので、IE7以外のモダンブラウザ向けにdisplay:block;とcssで指定しました。
詳細は以下。

#pankuzu {
	padding: 0;
	margin: 0 15px;
	display: inline;
}
/* IE7以外モダンブラウザ用ハック */
html>/**/body #pankuzu {
	display: block;
}

これでいちおう解決しましたが、なんだかなぁ。

Comments: 0
Trackbacks: 0

CSS Hack(1)

2006-01-21 (土)
category : デザイン
tag : CSS

WindowsIE5.0と5.5にそれぞれ違う外部スタイルシートを読み込ませる方法。

IE5.0

@media tty {
i{content:”¥”;/*”"*/}}; @import ‘ie50.css’;{;}/*”;}
}/* */

IE5.5

@media tty {
i{content:”¥”;/*”"*/}}@m; @import ‘ie55.css’;/*”;}
}/* */

ついでに、MacIE5.xに違う外部スタイルシートを読み込ませる記述。

/*¥*//*/
@import “ie5mac.css”;
/**/

以下は同一スタイルシート内でMacIE5.xにのみ、プロパティに違う値を指定する方法。
MacIEにはヒラギノをfont-familyに指定し、その他のブラウザにはGeorgiaを指定している例。

#head {
margin: 0;
padding-top: 10px;
*********（（中略））*********
font-family: “ヒラギノ明朝 Pro W3″, “平成明朝体”;
}
/* MacIE5.x以外 ¥*/
#head {
font-family: Georgia, serif;
}
/* MacIE5.x以外 */

Comments: 0
Trackbacks: 0