Foros del Web » Creando para Internet » CSS »

IE hereda pero MZ no

Estas en el tema de IE hereda pero MZ no en el foro de CSS en Foros del Web. Hola a todos.... tengo un problemilla, por que en IE un INPUT hereda un 'margin' del nodo padre y en MZ no. veamos el cod.: ...
  #1 (permalink)  
Antiguo 25/04/2009, 06:28
 
Fecha de Ingreso: marzo-2007
Mensajes: 135
Antigüedad: 10 años, 8 meses
Puntos: 0
Pregunta IE hereda pero MZ no

Hola a todos....

tengo un problemilla, por que en IE un INPUT hereda un 'margin'
del nodo padre y en MZ no.

veamos el cod.:

Código:
.row {
	clear:left;
	float:left;
	display:block;
	width:100%;
	margin:6px 0; }
.nft_inputs {
	width:300px;
	height:30px;
	line-height:13px;
	background:transparent;
	border:1px solid #CCC;
	margin:0 0 0 20px;
}
.nft_inputs INPUT {
	float:left;
	width:300px;
	padding:7px 0;
	font-size:13px;
	margin:0px
	border:0;
}


Código:
<div class="row">
	
	<span class="fL"><b>Nombre</b></span>
	<div class="fL nft_inputs">
	
	<input type="text" size="30" maxlength="30" name="nft_name" value="" />
	
	</div>
	
</div>
En IE el INPUT sale con un margen izq. sobre la capa 'nft_inputs'
pero en MZ no.



Gracias.
  #2 (permalink)  
Antiguo 25/04/2009, 07:04
 
Fecha de Ingreso: abril-2009
Mensajes: 37
Antigüedad: 8 años, 7 meses
Puntos: 2
Respuesta: IE hereda pero MZ no

Sin probarlo o sin una captura no he hago bien a la idea.

Lo que si te digo es que distintos navegadores usas valores de margin y padding por defecto distintos por lo que es conveniente empezar los css de la siguiente forma:

*{margin: 0px;padding: 0px}

Así reseteas todos los valores por defectos y sólo se aplican los que tu digas.
  #3 (permalink)  
Antiguo 25/04/2009, 11:29
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: IE hereda pero MZ no

Prueba a eliminar el margen izquierdo y reemplzarlo por un desplazamiento de esta manera:
Cita:
.nft_inputs {
width:300px;
height:30px;
line-height:13px;
background:transparent;
border:1px solid #CCC;
position:relative;
left: 20px;
}
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:30.