Acudo a vosotros para que me mostreis la luz xD
Que no consigo alinear 2 formularios, llevo toda la tarde probando cosas y nada
Este es el codigo
Código HTML:
<html> <head> <title>Ejemplo</title> <style type="text/css"> #formulario { font:11px arial; width:300px; float:letf;} #formulario form { margin:0px; padding:0px; } #formulario fieldset { border:1px solid #ccc; padding-top:10px;} #formulario legend { font-weight:bold; color:#666; } #formulario label { font-weight:bold; display:block; width:130px; float:left; padding-left:10px;} #formulario input { font:11px arial; background-color:#F7F4FF; border:1px solid #A5ACB2; height:18px; width:130px; padding-left:5px; } #formulario br { display:block; margin-bottom:10px; clear:both; } #formulario2 { font:11px arial; width:300px; float:right;} #formulario2 form { margin:0px; padding:0px; } #formulario2 fieldset { border:1px solid #ccc; padding-top:10px;} #formulario2 legend { font-weight:bold; color:#666; } #formulario2 label { font-weight:bold; display:block; width:130px; float:left; padding-left:10px;} #formulario2 input { font:11px arial; background-color:#F7F4FF; border:1px solid #A5ACB2; height:18px; width:130px; padding-left:5px; } #formulario2 br { display:block; margin-bottom:10px; clear:both; } </style> </head> <body> <div id="formulario"> <form action="#" method="post" name="personal"> <fieldset> <legend>Datos Personales</legend> <label for="formnombre">Nombre:</label> <input type="text" name="nombre" id="formnombre" size="40" /> <br /> <label for="formapellidos">Apellidos:</label> <input type="text" name="apellidos" id="formapellidos" size="40" /> <br /> <label for="formsexo">Sexo:</label> <input type="text" name="sexo" id="formsexo" size="40" /> <br /> <label for="fnacimiento">Fecha Nacimiento:</label> <input type="text" name="fnacimiento" id="formfnacimiento" size="40" /> <br /> <label for="formpais">Pais:</label> <input type="text" name="pais" id="formpais" size="40" /> <br /> <label for="formprovincia">Provincia:</label> <input type="text" name="provincia" id="formprovincia" size="40" /> <br /> <label for="formcpostal">Codigo Postal:</label> <input type="text" name="cpostal" id="formcpostal" size="40" /> <br /> <input type="submit" name="btnguardar" value="Guardar" /> </fieldset> <br /> </form> </div> <div id="formulario2"> <form action="#" method="post" name="estratega"> <fieldset> <legend>Datos Personales</legend> <label for="formnombre">Nombre:</label> <input type="text" name="nombre" id="formnombre" size="40" /> <br /> <label for="formapellidos">Apellidos:</label> <input type="text" name="apellidos" id="formapellidos" size="40" /> <br /> <label for="formsexo">Sexo:</label> <input type="text" name="sexo" id="formsexo" size="40" /> <br /> <label for="fnacimiento">Fecha Nacimiento:</label> <input type="text" name="fnacimiento" id="formfnacimiento" size="40" /> <br /> <label for="formpais">Pais:</label> <input type="text" name="pais" id="formpais" size="40" /> <br /> <label for="formprovincia">Provincia:</label> <input type="text" name="provincia" id="formprovincia" size="40" /> <br /> <label for="formcpostal">Codigo Postal:</label> <input type="text" name="cpostal" id="formcpostal" size="40" /> <br /> <input type="submit" name="btnguardar" value="Guardar" /> </fieldset> <br /> </form> </div> </body> </html>
Quiero que a la izq. se muestre un formulario y a la derecha el otro.
Tal y como esta ahora si pongo float:left y float:right el de la derecha me lo coloca a la derecha pero cuando termina el izquierdo, yo lo quiero a la misma altura! desde arriba. Y no veo que más cosas tocar!
Gracias de antemano
