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