« ドメインほすぃ 晴 | メイン | 仕事納め完了 曇 »
2004年12月27日
ＣＳＳ対策 [MOVABLE TYPE ]
以下転載■IEの無駄な隙間の問題
IEではブロックレベル要素（今まで検証できたのは<div>と<ul>）を下の様に通常通りに記述すると画面上でリスト間に無駄な隙間が出来るバグがある。 <ul> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> </ul> 解決策は下の様に全て一行で記述。 <ul><li>1</li><li>2</li><li>3</li></ul>■<HR>要素のCSS設定について
IEでは、以下の様に記述する事で、1pxのラインになる。 hr { height: 1px; color: #EFEFEF; } だがこれだけだと、SafariやFirefox等のブラウザでは、通常の太い線のまま。 対応策として hr { border-top: solid 1px #EFEFEF; border-left: none; border-right: none; border-bottom: none; height: 1px; color: #EFEFEF; } と記述。border-left、border-rightを書かないと、微妙ではあるが左右の端が2pxの高さになってしまう。
■http://www.htmq.com/index.htm
■ＰＲ
ダイナマイトライブ!
【ネットでフリーマーケット】
入金トラブルやネット詐欺から購入者を守る！【ネットでフリーマーケット】
ライブチャットBBchatTV
2004年12月27日 15:48
トラックバック
このエントリーのトラックバックURL:
http://www.23channel.com/cgi/mt/mt-tb.cgi/48
コメント
コメントしてください