以下のhtmlを表示するとき、firefox, chrome, safariでは「お問い合わせ」にpaddingがちゃんと効くのですが、IEだと効いてくれません。
端っこによって表示されてしまいます。
<div id="header">
<div id="headNavi" class="clearfix">
<h1><a href="http://xxx.com"><img style="float: left;" alt="aaa" src="http://xxx.com/xxx.gif" width="135" height="39" class="over" /></a></h1>
<p style="bottom: 5px; float: right; padding: 1.5%; width: 100px; "><a href="http://xxx.com/help.html" target="_blank" >お問い合わせ</a></p>
</div>
</div>
IEでも同じようにpaddingを効かすにはどう変更したらよいでしょうか？
No.2
814
232
100pt
これは知らなかったですね。おそらくIEのバグだと思います。
ただ、id:deflationさんは有効に再現しているとおっしゃってますので、ひょっとすると何らかの環境の問題かもしれません。
次のソースをご覧下さい。
26
25
<style>
div{
background-color:#ccc;
width:1000px;
}
#width{
background-color:#c55;
width:200px;
padding:10%;
}
#no-width{
background-color:#5c5;
padding:10%;
}
</style>
<div>
<p id="width">width</p>
<p id="no-width">no-width</p>
</div>
これをfirefox4で表示すると以下のようになります。
一方IE8ですとこうなります。
解決法としては、「paddingでパーセント指定をしない」ということになるかと思います。
1
1
2
コメント（0件)