Div position relative

[JavierCS2007-]

Foreros, una pequeña consulta :

Hay manera de que un DIV " position: relative; left: 400; "
quede exactamente en la misma posición tanto en internet explorer como en mozilla firefox ?

Se ven con una pequeña diferencia de 2px.

Gracias por las respuestas.

Saludos!

[Mikmoro]

Debería quedar en el mismo sitio. ¿Tiene borde? ¿Está dentro de otro?

Mikel.

[JavierCS2007-]

Si está dentro de otro marco y tiene borde:
Te copio pedazo del código :

El #log es el DIV que posiciono relative.

Esto en la hoja de estilo:

Código:

* 	{ padding: 0; margin: 0; }
body 
	{
	font-family: Verdana,Helvetica;
	font-size: 10px;
	overflow: hidden;
	}
#marco 
	{ 
	margin: 0 auto 0 auto;
	width: 670px;
	}
#header 
	{
	width: 670px;
	height: 62px;
	padding: 0px;
	border: none;
	margin: 10px 0px 0px 0px;
	}
#main
	{ 
	width: 670px;
	height: 420px;
	padding: 0px;	
	border: none;
	margin: 0px 0px 0px 0px;
	}
#footer 
	{ 
	width: 670px;
	height: 62px;
	padding: 0px;
	border: none;
	margin: 0px 0px 0px 0px;
	}
#log
	{ 
	width: 128px;
	height: 154px;
	padding: 1px;
	border: 1px solid white;
	margin: 0px 0px 0px 0px;
	position: relative;
	left: 400;
	color: white;
	font-size: 12px;
	}

Esto es en la página:

Código:

<div align=center>
  <div id="marco">

	<div id="header">

	</div>

	<div id="main">
		<div id="login">
		</div>
	</div>

	<div id="footer">

	</div>

  </div>
</div>

Saludos!

[Mikmoro]

No sé cómo habrás hecho para calcular que no está en el mismo sitio, pero para mi que la caja (que por cierto, llamas log en la css y login en el html), está en el mismo sitio en IE6 y FF. Otra cosa es su tamaño, que para FF será de 128px más dos bordes de 1px = 130px, mientras que para IE será de 128px incluidos los bordes.

No obstante, si quieres estar seguro de que está en el centro quítale el posicionamiento y hazlo con los márgenes:

#log
{
width: 128px;
height: 154px;
padding: 1px;
border: 1px solid black;
margin: 0px auto;
color: white;
font-size: 12px;
}

Mikel.

[JavierCS2007-]

Gracias por la respuesta.

Lo de Log y Login fue un error de transcripción.

Y si, me temo que tenés razón, en FF se ve un poco más grande la caja, por eso daba la sensación de estar posicionadas distinto.

Entonces.. como hago para que midan exactamente lo mismo, 128px con bordes de 1px tanto en FF como en IE ??

Saludos!

[Mikmoro]

Tendrás que usar alguno de los trucos o "hacks" para explorer. Un muy simple y que hace que el código pueda ser validado sería este:

<div id="log" style="*width: 130px;">

No es muy ortodoxo pero no hay más remedio que usar chapuzas de estas si neceitas realmente ajustar al milímetro para IE.

Mikel.

[JavierCS2007-]

Se agradece Mik.

Saludos.