On Apr 24, 2008, at 2:44 AM, Geoffrey Hoffman wrote:
> t looks to me like Firefox does not observe padding-left:6px;
> padding-right:6px; to make a submit button wider than normal, nor does
> Safari. IE7 applies padding to the left and right of the button text
> correctly. I guess I can use value=" nbsp;SUBMIT "
> and/or
> setting the width and height explicitly, but that just seems like
> such a
> hack. Any other way to target that?
>
> Here is the code I am using:
>
>
> #submit {
> font-size:9px;
> text-transform:uppercase;
> margin-left:3em;
> margin-top:1em;
> color:#c5c9b9;
> background-color:#625a2f;
> border:1px solid #484d3a;
> padding-left:6px;
> padding-right:6px;
> padding-top:2px;
> padding-bottom:2px;
> }
That works perfectly fine on XP fx2 and fx3b5, and OS X Safari 3.x,
fx 2 and fx 3.
The default values for padding-left and padding-right in Gecko and
WebKit [1] happen to 6px.
Try changing the value to something big like 100px; you should see a
difference.
(and if you don't, please post a URL that illustrates the issue you
have, there might be something overriding your rules)
[1] on OS X at least, no Safari Win here.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
