Paso a detallar un problema que no le encuentro solucion.
Tengo un div con un valor height: 20px, dentro de ese div va un formulario de una sola linea.
Usuario [ ] Password [ ] [Loguear]
Aqui el codigo:
Código:
El problema que tengo es que cuando imprimo el formulario el div se ensancha demasiado, mucho mas que el ancho del formulario (es como si generara un renglon mas).<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css" />
<style type="text/css">
body{margin: 0; padding: 0}
#page{ width: 1004px; height: 550px;}
#top{ width: 1004px; height: 120px; background-color: #7398a2;}
#subtop{ width: 1004px; height: 20px; background-color: #ccccdb; float:left; padding:0px; border-spacing:0px}
#mediosubtop{ width: 390px; float:right; padding:0px}
#leftContent{ width: 230px; height: 390px; background-color: #abcabc; float:left;}
#centerContent{ width: 544px; height: 390px; background-color: white; float:left;}
#rightContent{ width: 230px; height: 390px; background-color: #abcabc; float:left;}
#foot{ width: 1004px; height: 80px; background-color: #f0ae73; float: left;}
</style>
<title>Titulo</title> </head>
<body>
<div id="page">
<div id="top"></div>
<div id="subtop">
<div id="mediosubtop">
<form><table border="0"><tr><td>Usuario:</td><td><input type="text" name="us" id="usr" size="10"></td> <td>Password:</td><td><input type="password" name="pa" id="paw" size="10"></td><td><input type="submit" value="Log"onClick="sendQuerystring(userr(),pass())"></td></tr></table></form> </div>
</div>
<div id="leftContent"></div>
<div id="centerContent">
Esto va al medio.
</div>
<div id="rightContent"></div>
<div id="foot"></div> </div>
</body>
</html>
Si alguien sabe como se soluciona esto se lo agradezco mucho.
Saludos para todos.
