background pasa del limite

oscar2h · #1 (**permalink**) 06/03/2009, 11:41

saludos, ojala me puedan ayudar, lo que quiero hacer es, que el background no pase del limite, ak dejo el codigo y la imagen para que se entienda ,mejor, esto me pasa solo en ie, porque con mozilla, sale como quiero

asi la quiero (mozilla)

aka dejo el codigo css

Código PHP:

  #formularios{ 
width:400px; 
position:relative; 
left:100px; 
top:90px; 
} 
 
#formularios fieldset{ 
width:100&#37;; 
border-color:#0000FF; 
border-style:solid; 
background-color:#00CCFF; 
} 
 
#formularios legend 
{ 
font-size:20px; 
color:#FFFFFF; 
border:solid 1px; 
margin-left:4px; 
background-color:#0000FF; 
} 
 
div.medidas{ 
margin: 10px 0 10px 0; 
} 
div.medidas label{ 
font-weight:bold; 
float:left; 
width:180px; 
margin-right:5px; 
margin-left:15px; 
} 
div.medidas input{ 
width:150px; 
} 
div.medidas select{ 
width:155px; 
} 
 
#bt_guardar, #bt_actualiza{ margin-left:35px; margin-top:10px; margin-bottom:10px;border: 1px solid #27518A; background: #ccc; width:150px; float:left;} 
 
#bt_reset{ margin-left:15px; margin-top:10px;margin-bottom:10px;border: 1px solid #27518A; background: #ccc; width:150px;} 
 
div { 
  margin: .4em 0; 
} 
div.boton input{ 
   
  float: left; 
}

formulario

Código PHP:

  <body> 
 
<div id="formularios"> 
 
<form id="f_ingresa_producto" name="f_ingresa_producto"> 
 
<fieldset> 
<legend>NUEVO PRODUCTO</legend> 
 
<div class="medidas"> 
<label>Familia</label> 
<select id="lista_familia" name="lista_familia"> 
  <option value="0">Seleccione Familia</option> 
   
</select> 
</div> 
 
<div class="medidas"> 
<label>Nombre</label> 
<input type="text" name="txb_nombre" id="txb_nombre" /> 
</div> 
 
 
<div class="medidas"> 
<label>Precio unitario</label> 
<input name="txb_precio" type="text" id="txb_precio" maxlength="6" /> 
</div> 
<div> 
 
<div class="boton"> 
<input type="button" name="bt_guardar" id="bt_guardar" value="Guardar Producto" onclick= class="boton" /> 
<input type="reset" name="bt_reset" id="bt_reset" value="Limpiar Form" /> 
</div> 
</div> 
</fieldset> 
</form> 
</div> 
</body>

emiliodeg · #2 (**permalink**) 06/03/2009, 12:04

ponle al fieldset{position:relative}
y al legend {position:absolute;left:10px;top:-10px;}

oscar2h · #3 (**permalink**) 06/03/2009, 12:26

muchas gracias por tu rapida respuesta, me sirvio, gracias de nuevo

ferola · #4 (**permalink**) 06/03/2009, 12:47

y cómo haces para que el background ocupe el 100% de la página?

baccxus · #5 (**permalink**) 07/03/2009, 11:08

ferola, si quieres un background de toda la página, pues le pones un background al body.

Código:

body {
background-color: #000000;}

Saludos