Is there a rule for positioning input buttons. I'm using this code and the buttons align perfectly with the bottom left edge of the form in ff, ie8 and opera but in safari, chrome, ie6 and ie7 the buttons are to the far left of the form. any ideas?

label { float:left; padding:7px 10px 0 0; text-align:right; width:130px; }

form input { background:#ede9db; border:1px solid #e2dccc; color:#444; font-size:0.8em; padding:5px; width:300px; }

.button, input.button { background:#555544; color:#fff; cursor:pointer; margin:20px 0 0 0; overflow:visible; padding:4px 8px; width:auto; }

1 answer


Have you reset the default browser styling? and you mean inputs with class="button" not button elements?

could we see a test case complete with your HTML and any other CSS that may be affecting it?

Answered almost 10 years ago by Tony Crockford
  • yes, I use a reset sheet. I think I've figured it out. I'm having to go through the php code my colleague did and delete the irrelevant <p></p>and then it lines up. funny though that some browsers don't mind. thanks anyway. lahive almost 10 years ago