Button Not At Same Height In Google Chrome

[CarraraWebsiteSolutions]

How to make buttons the same height in each browser?

[Historical Forums User]

You can always do a [css reset](http://meyerweb.com/eric/tools/css/reset/ “CSS reset”).

[CarraraWebsiteSolutions]

I use open cart for my website not sure best way to reset that.

/* button */
a.button, input.button {
cursor: pointer;
color: #FFFFFF;
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding:4px 25px;
background: url(‘../image/button.png’) repeat-x;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
}
input.product-button-cart {
cursor: pointer;
/*color: #FFFFFF;*/
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
/*font-weight: bold;*/
/*background: url(‘../image/button.png’) repeat-x;*/
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0 0 0 #EEEEEE;
-moz-box-shadow: 0 0 0 #EEEEEE;
box-shadow: 0 0 0 #EEEEEE;
/*added*/
background-image:linear-gradient(#57B81C, #498A16);
background-repeat:repeat-x !important;
/*border-color:#316B0D !important;
box-shadow:0 0 0 #EEEEEE !important;*/
color:#FFFFFF !important;
padding:11px 68px !important;
margin-left:-9px;
}
a.button {
display: inline-block;
text-decoration: none;
padding: 6px 12px 6px 12px;
}
input.button {
margin: 0;
border: 0;
height: 24px;
padding: 4px 25px;
}
a.button:hover, input.button:hover {
background-position: 0px -24px;
}
.buttons {
background: #FFFFFF;
border: 1px solid #EEEEEE;
overflow: auto;
padding: 6px;
margin-bottom: 20px;
}
.buttons .left {
float: left;
text-align: left;
}
.buttons .right {
float: right;
text-align: right;
}
.buttons .center {
text-align: center;
margin-left: auto;
margin-right: auto;
}

[Paulie_D]

Why does it matter?

http://dowebsitesneedtolookexactlythesameineverybrowser.com/

[CarraraWebsiteSolutions]

@Paulie_D

Just trying to make things look nice and even

Can you check out and see if much difference in your browsers and let me know for the buttons and also just made hover login top right. All demo products on there at the moment not real stuff

http://www.mwbcomputers.com.au/index.php?route=product/product&product_id=49

[Historical Forums User]

After some googleing i’ve found:

button::-moz-focus-inner {

border:0;

padding:0;

}

[CarraraWebsiteSolutions]

ok will give that ago cheer but think also will read more on reset

[CrocoDillon]

Setting `box-sizing: border-box` in addition to normalize.css should work I think.

[Author]

Posts