Ciao a tutti sto avendo un problema, a dire il vero il problema me lo da solo Explorer gli altri browser visualizza bene, ho creato in css una tabella con 2 celle per metterci 2 campi unput vi posto il code:
codice HTML:
<style>
.search form { display: table; border-spacing: 0; border-collapse: collapse; }
.search form input { display: table-cell; height: 2.5em; vertical-align: middle; }
.search form input:first-child {
height: 2.5em;
background-color: #B1B1B1;
color: #000;
padding: 0 0.3125em;
box-sizing: border-box;
width: 12.5em;
transition: 0.5s background-color; -webkit-transition: 0.5s background-color;
-moz-transition: 0.5s background-color; -o-transition: 0.5s background-color;
-ms-transition: 0.5s background-color;
border-radius: 5px 0 0 5px;
}
.search form input:first-child:focus { background-color: #FFF; }
.search form input:last-child {
height: 2.5em; width: 2.5em;
background-color: #B32700;
background-image: url(../images/icon/icon-search.png);
background-position: center center;
background-repeat: no-repeat;
border-radius: 0 5px 5px 0;
cursor: pointer;
transition: 0.5s background-color; -webkit-transition: 0.5s background-color;
-moz-transition: 0.5s background-color; -o-transition: 0.5s background-color;
-ms-transition: 0.5s background-color;
}
.search form input:last-child:hover { background-color: #FF3700; }
</style>
<body>
<div class="search">
<form name="formSearch" method="post" action="cerca">
<input type="text" name="search" placeholder="Cerca ...">
<input id="btSearch" type="submit" value="">
</form>
</div>
....
Il problema è che con Explorer non alline i 2 input ma il secondo input lo mette a capo in una seconda linea mentre tutti gli altri browser li visualizza bene.