Compatibilidad entre IE y Firefox

m_sassa · #1 (**permalink**) 08/07/2005, 12:59

Hola, hace 2 dias que estoy tratando de armar una pagina demasiado simple, armada desde Photoshop. La meta que me pidieron es que se vea igual en IE y en Firefox. Como hace ya dos dias que vengo cambiando, modificando codigo tras codigo, decidi pedir ayuda.

Alguien tiene algun texto de referencia para poder leer para dejar de renegar con esto.

Ya pase mi archivo HTML y el CSS por los validadores que hay en www.w3.org y corregi todos los errores que habia...

Pero despues de probar y probar, siguen habiendo diferencias.

Por favor, ayuda.

Muchas Gracias A Todos.

CORE · #2 (**permalink**) 08/07/2005, 13:57

Hola

creo que para que podamos ayudarte es necesario que nos digas que es lo que se ve diferente o por que o un enlace para checar

saludos

m_sassa · #3 (**permalink**) 08/07/2005, 15:31

Perdon, no me di cuenta..

Aqui les dejo un link para que vean

http://www.torneodeamigos.com.ar/1/prueba.html

http://www.torneodeamigos.com.ar/1/main.css

Otra pregunta tambien es... todos los divs estan metidos dentro de uno general <div class="Table_01">

Necesitaria saber como centrar éste horizontalmente y verticalmente.

Cuelquier ayuda, sera muy muy bienvenida.

Gracias a todos

CORE · #4 (**permalink**) 08/07/2005, 16:53

ok para centrar la capa seria

div.Table_01{margin:4% auto;display: block;}
lo estoy viendo con explorer (le acaba de salir polvo) y con firefox y se me igual

pero aqui te dejo un ejemplo que me funciona bien

Código HTML:

<style type="text/css">
	div.secocon{
	position: relative; 
	width:33%;
	height:auto; 
	z-index:2;
	float:left; 
	}
	</style>
</head>

<body>
<div id="headercon" style="position: static; width:650px; margin:0 auto 0 auto; ">
<div id="uno" class="secocon"> Negro		
</div>
<div id="dos" class="secocon">Imagen	
</div>
<div id="tres" class="secocon">Login
</div>
<div id="piecon" style="position:relative; width:auto; height:auto; clear:both; text-align:right; ">Footer</div>
</div>

saludos

FuLaNo_ · #5 (**permalink**) 08/07/2005, 17:49

ya lo has arreglado? porque yo las veo igual con ambos navegadores...

m_sassa · #6 (**permalink**) 08/07/2005, 18:08

si, se ven casi iguales... solo fijense, por ejemplo, en la linea punteada que hay debajo del boton LOGIN... en el Firefox se ve mas abajo que en IE...

por otro lado, no he podido centrar el div... ni vertical, ni horizontalmente.

Muchas gracias

m_sassa · #7 (**permalink**) 12/07/2005, 09:31

alguien me puede dar una mano con la parte de centrar vertical y horizontalmente.

gracias

ramm · #8 (**permalink**) 13/07/2005, 16:15

Para centrar el div horizontalmente pones:

Código:

body {
  text-align:center;
}
#container {
  margin:100px auto auto auto;
  text-align:left;
}

El margen debe estar a los lados en auto, asi se centra un div.

Para centrarlo verticalmente si es un problema, ero te sigiero ponerle un margen superior que te lo coloque mas o menos en el centro.

Metaphor · #9 (**permalink**) 14/07/2005, 20:29

he leído en otro foro que pronto el Interntet Explorer lanzará su nueva versión con con funcionalidades copiadas de FireFox :D >>>>>

ramm · #10 (**permalink**) 15/07/2005, 09:42

No es raro, siempre lo hacen