IE hereda pero MZ no

[miguelcubas]

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.

[matados2k]

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.

[Mikmoro]

Prueba a eliminar el margen izquierdo y reemplzarlo por un desplazamiento de esta manera:

.nft_inputs {
width:300px;
height:30px;
line-height:13px;
background:transparent;
border:1px solid #CCC;
position:relative;
left: 20px;
}