Geoffrey Hoffman wrote:
> So far I've tested this only on Windows XP Pro.
>
> It 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;
> }
>
>
> <input type="submit" value="Submit" name="submit" id="submit"/>
>   


My win/xp machine sleeps. XP IE/6 & IE/7 render it [1] differently (wider) on 
Parallels than FF & Safari on Mac OS X 10.4.11.


[1] <http://chelseacreekstudio.com/ca/cssd/a.html>


http://chelseacreekstudio.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/

Reply via email to