Amigos,
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:
<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>
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).
Si alguien sabe como se soluciona esto se lo agradezco mucho.
Saludos para todos.