IEでimgにpaddingが反映されない
2007.12. 5
imgにスタイルシートで
img {
border:1px solid #ccc;
padding:2px;
}
などのスタイルを当てたときにFirefoxやSafariでは正常に反映されるのに、IEでは反映されないときがあります。
問題はIEの互換モードにあるのでその記述をはずせばOK。
ソースの最上部に記述する下記のソースを変更。
変更前
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
↓
変更後
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
以前からだいぶ悩んでたのでようやく一息。。。
に参加しています。
- Permalink
- by 谷 春樹
- at 12:58
- in CSS
- Comments (0)
- Trackbacks (1)
comments