On Tue, 02 Jan 2007 23:52:06 +0530, Bill McAvinney <[EMAIL PROTECTED]> wrote:

> Jehiah's solution is to give the button a very narrow width. This
> seems to cancel out IE's proportional padding and works because IE<7
> expands the button to fit the content so you can then apply your own
> padding that works. IE7 doesn't seem to expand the button, nor obey
> the 10px width, so the button background color appears only as a
> narrow vertical band about 2px wide at the very left edge of the
> button. With great hope I tried just applying padding, thinking IE7
> might obey, but no, my CSS padding is still ignored and very wide
> padding is applied.

What I see is, IE7 does honour width and padding on button elements.  In  
your sample page the iefix stylesheet is applied for IE7 also and hence  
the button is only 10px wide.   As the general case, you could set the  
width of the button in em's (depending on the text to be put as the button  
label) and specify the required padding properties.  This works for  
Opera9,Firefox2 and IE7.  Also apply the fix to IE<7 only.   (I'm not sure  
about IE6 behaviour on this issue.)

Hope that would help.

-- 
Hari Kumar G
<-H_K_G->
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to