Buenas compañeros!
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