Input rebelde!

vic4ever · #1 (**permalink**) 07/02/2008, 04:45

Hola a todos,

tengo un problemilla al poner un input dentro de una capa que a su vez esta dentro de otra capa.

la capa que las engloba tiene un margen izquierdo que por algun motivo lo sige manteniendo el input. (solo pasa en IE)

para aclarar pongo el codigo que es muy simple..

Código HTML:

<body>

<div id="contenido">
	
	  <div id="BotoneraControles">
           <input id="Button1" type="button" value="button"  />
         </div>
	
</div>

</body>

y los estilos

Código HTML:

<style type="text/css">
div#contenido{background:#FFAAFF;}
div#contenido{padding:10px;margin-left:180px;}

div#BotoneraControles
{

	text-align:center;
	width:200px;
	margin-left:0px;	
	background:#CCAAFF;
	
	}
</style>

es curioso pero si quito el width de la clase BotoneraControles desaparece el problema..

alguna idea para solventarlo??

un saludo y muchas gracias.

Programlocura · #2 (**permalink**) 07/02/2008, 08:15

Cita:

Iniciado por vic4ever

Hola a todos,

tengo un problemilla al poner un input dentro de una capa que a su vez esta dentro de otra capa.

la capa que las engloba tiene un margen izquierdo que por algun motivo lo sige manteniendo el input. (solo pasa en IE)

para aclarar pongo el codigo que es muy simple..

Código HTML:

<body>

<div id="contenido">
	
	  <div id="BotoneraControles">
           <input id="Button1" type="button" value="button"  />
         </div>
	
</div>

</body>

y los estilos

Código HTML:

<style type="text/css">
div#contenido{background:#FFAAFF;}
div#contenido{padding:10px;margin-left:180px;}

div#BotoneraControles
{

	text-align:center;
	width:200px;
	margin-left:0px;	
	background:#CCAAFF;
	
	}
</style>

es curioso pero si quito el width de la clase BotoneraControles desaparece el problema..

alguna idea para solventarlo??

un saludo y muchas gracias.

Hi!

La unica solución que encontré (Tampoco me rebusqué mucho xD), fué esta:

Código HTML:

div#BotoneraControles
{
	text-align:center;
	width:200px;
	display:inline; /* El Famoso Display Inline */
	margin-left:0px;	
	background:#CCAAFF;
}

Saca el margen, pero como que "quita" el Width... Por lo menos tienes un error menos... xD

Espero te sirva para poder resolverlo completo :P

-ByE-

vic4ever · #3 (**permalink**) 08/02/2008, 08:03

Hola,

Bueno, gracias por la ayuda.. mas o menos lo solucione con el display, pero al final es lo de siempre.. haciendo chapucillas para tirar..

no se, algo se me tiene que estar escapando porque no entiendo ese comportamiento

saludos.

josdelaranda · #4 (**permalink**) 08/02/2008, 09:46

Hola, estuve un rato viendo el problemita en IE 6 y la verdad no consigo darle solución, la único que se me ocurrio fue darle contenido al div BotoneraControles esto fue lo que hice:

Código:

<div id="BotoneraControles">
	&nbsp;<input id="Button1" type="button" value="button"  />
</div>

La causa sigue siendo un misterio, espero que alguien consiga dar con la respuesta.