Hi All,
I've been using a modified version of Jehiah Czebotar's button width
fix and it's breaking in IE7. Anybody have a new solution?
Note that I'm talking about <button> tags not <input type="button">
tags.
CSS:
button
{
width: 10px;
overflow: visible;
padding-left: 6px;
padding-right: 6px;
}
HTML:
<button>Some very long text here</button>
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.
I've seen other people say that Jehiah's fix still works in IE7 which
I take to mean for input tags. I can't use input tags as we've made a
corporate decision to use button tags because of the increased
styling flexibility that comes with them.
For an example using this code and to see screen shots:
http://web.mit.edu/sapweb/dontindex/test/ButtonTest.html
BTW as someone running on MacOS I don't have easy access to IE7 to
try out various solutions.
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/
