On Jan 3, 2007, at 12:37 AM, Hari Kumar G wrote: > What I see is, IE7 does honour width and padding on button elements.
Well not quite. It seems both IE6 & IE7 obey just the width in terms of the overall size of the button. If you add padding on the left, the text will be offset to the left, but the button width will not be expanded by the same amount so the text will be cutoff on the right if the padding+text length exceeds the width even when text length is less than width. The useful thing in IE6 was that if you added the style overflow:visible the button width was calculated as text length +padding-left+padding-right, but in IE 7 this is no longer the case. For examples that show this see: http://web.mit.edu/sapweb/dontindex/test/ButtonTest2.html Note that the widths are set for IE's rendering so the text wraps in other browsers. > 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.) We create too many buttons for this to be a practical approach. We need a solution that doesn't require a designer custom fitting every button. We can live with the really wide buttons IE7 creates it's just unfortunate that a problem we had solved in IE6 is coming back to haunt us. Bill McAvinney MIT > IS&T > SAIS > Internet Design & Development Team ______________________________________________________________________ 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/
