![](http://i62.tinypic.com/105zjfr.jpg)
El problema es que esto solo me funciona para mozilla, en chrome están todos los campos alineados al borde izquierdo.
El html del formulario es:
Código HTML:
y el css:Ver original
<div id="miPagina" class="col-md-51 column" style="display:none"> <form method="post"> <div class='field-box'> <div class='col-md-7'> <input type='text' class='form-control' name='nombre' id='nombre'> </div> </div> <div class='field-box'> <div class='col-md-7'> <input type='text' class='form-control' name='rut' id='rut'> </div> </div> <div class='field-box'> <div class='col-md-7'> <input type='text' class='form-control' name='telef' id='telef'> </div> </div> <div class='field-box'> <div class='col-md-7'> <input type='text' class='form-control' name='fax' id='fax'> </div> </div> <div class='field-box'> <div class='col-md-7'> <input type='text' class='form-control' name='direccion' id='direccion'> </div> </div> <div class='field-box'> <div class='col-md-7'> <input type='text' class='form-control' name='giro' id='giro'> </div> </div> <div class='field-box'> <div class='col-md-7'> <input type='text' class='form-control' name='email' id='email'> </div> </div> <div class='field-box'> <div class='col-md-7'> <input type='text' class='form-control' name='repleg' id='repleg'> </div> </div> <div class='field-box'> <div class='col-md-7'> <input type='text' class='form-control' name='rurepleg' id='rurepleg'> </div> </div> <div class='field-box'> <div class='col-md-7'> <input type='text' class='form-control' name='celular' id='celular'> </div> </div> <div class="action"> </div> </form> <div id="mensaje" class="col-md-6"> </div> </div>
Código CSS:
Ver original
.col-md-51{ margin-top: 20px; margin-left: 20px; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; float: left; } .form-page .form-wrapper .field-box { margin-bottom: 30px; margin-left: 0; float: left; width: 50%; }