por que los formularios me hacen el alto del div mas grande del que tengo especificado en la hoja de estilos? hay algo para forzar a darle ese tamaño?
mi index.html
Código HTML:
<body>
<div id="contenedor">
<div id="cabecera">
<div id="logo">
<h1>NOMBRE WEB</h1>
</div>
<div id="navegacion> BOTONCITOS</div>
</div>
<div class="navegacion" id="barra-navegacion">
<form id="form1" name="form1" method="post" action="">
<label><span class="text">Usuario:</span>
<input name="textfield" type="text" class="formu" />
</label>
<label><span class="text">Contraseña:</span>
<input name="textfield2" type="text" class="formu" />
</label>
</form>
</div>
</div>
</body>
</html> el formulario esta dentro de barra-navegacion
Código HTML:
<div class="navegacion" id="barra-navegacion">
<form id="form1" name="form1" method="post" action="">
<label><span class="text">Usuario:</span>
<input name="textfield" type="text" class="formu" />
</label>
<label><span class="text">Contraseña:</span>
<input name="textfield2" type="text" class="formu" />
</label>
</form> y el css lo tengo puesto a una anchura de 20px
Código:
/* --------- CONTENIDO PAGINA --------------------*/
body {
background-color:#C0D9D9;
text-align:center;
margin:20px 0 20px 0;}
/***************************CONTENEDOR******/
#contenedor {
width:780px;
text-align:left;
background-color:#ffffff;
margin:auto; }
/*******************CABECERA**************/
#cabecera {
width:100%;
height:100px;
background-color:#CC9966; }
#logo {
width:50%;
height:50%;
text-align:left;
float:left;}
#logo h1 {
margin:20PX 0 0 10PX;
color:#993300;
font-family:Arial, helvetica ; }
#navegacion {
width:50%;
height:50%;
margin:30px 0 0 0;
float:left; }
#barra-navegacion {
background-color:#F5F4C3;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
text-align:right;
margin:0;
padding:0;
width:100%;
height:10px;}
.formu {
width:100px;
height:8px;
margin:0;}
.text {
font:8pt arial, helvetica, sans serif;
color:#000000;
margin:0 ; }
