Foros del Web » Creando para Internet » HTML »

Problemas de visualización IE vs. Firefox & Chrome

Estas en el tema de Problemas de visualización IE vs. Firefox & Chrome en el foro de HTML en Foros del Web. Buenas a todos, llevo mucho tiempo visitando este foro y me ha sacado siempre de muchas dudas, pero ahora no encuentro la solución a mi ...
  #1 (permalink)  
Antiguo 07/05/2009, 16:54
 
Fecha de Ingreso: mayo-2009
Mensajes: 3
Antigüedad: 8 años, 7 meses
Puntos: 0
Pregunta Problemas de visualización IE vs. Firefox & Chrome

Buenas a todos, llevo mucho tiempo visitando este foro y me ha sacado siempre de muchas dudas, pero ahora no encuentro la solución a mi problema. No estoy muy seguro de si el tema va aquí o en CSS, si me he equivocado lo siento.

Estoy remodelando una página web y según en navegador usado el <div> principal que contiene el resto de la página sale centrado o no. Los navegadores que enseñan bien la página son: IE8, Firefox y Chrome y por contra, los que no la muestran bien son: IE6 & IE7

La cosa no es sólo esa, hay una "sub-página" que posee la misma estructura y siempre sale centrada. Todo el <head>, hasta el primer <div> dentro del <body> son iguales en las dos páginas.

Para darle más chicha al asunto, cuando uso el firebug en las dos páginas para ver si encuentro el problema el <div id="wrapper"> en el index.html no me lo detecta (es decir no me lo marca en azul) y en presentacion.html si me lo marca.

La página está validada con el W3C, por lo que fallo de código creo que no es...

Como soy nuevo en el foro, no me deja incluir enlaces a la página e intento meter el código fuente pero tampoco me deja porque también incluye URL's. Como no consigo eliminarlas todas (no se si tengo que quitar todas las etiquetas <a>) voy a poner la página de manera "ilegal" para que podaís ver el codigo fuente
uv.es/calfaro
(lo siento mucho si rompe las normas del foro pero no encuentro otra solución)

Aquí pongo el CSS correspondiente:

Código:
#wrapper{
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	text-align: center;
}

#izquierda{
	float: left;
	border: 1px solid #666;
	width: 230px;
	height: 812px;
	position: absolute;
}

#centro{
	float: left;
	margin-left: 242px;
	position: absolute;
	width: 470px;
}

#centro .up{
	border: 1px solid #666;
	height: 260px;
}

#centro .down{
	margin-top: 12px;
	border: 1px solid #666;
	height: 540px;
}

#derecha{
	margin-left: 722px;
	float: left;
	border: 1px solid #666;
	width: 230px;
	height: 812px;
	position: absolute;
}
Espero no haber liado mucho el tema y muchas gracias por vuestra ayuda.

--> EDITO: ¿Puede ser por los div's con position: absolute?

Un saludo

Última edición por WixTeR; 08/05/2009 a las 17:20 Razón: Cambiar el código del CSS
  #2 (permalink)  
Antiguo 10/05/2009, 13:23
Avatar de AnesGy  
Fecha de Ingreso: mayo-2009
Mensajes: 518
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: Problemas de visualización IE vs. Firefox & Chrome

A ver, has cogido los 3 mas jodidos. Mozilla es Netescape y Gecko, IE es el chico especial, y Chrome (que es clavadito al safari) es del mismo sistema que los de apple, ahora no recuerdo como se llama.

IE tiene problemas interpretando los márgenes, especialmente los negativos. Mozilla nunca me dio problemas salvo por algunos caprichos (como contentDocument en javascript). Chrome simplemente lo toco al final, por si las moscas, pero parece ser que nunca he encontrado nada raro, si funciona en Firefox, funciona en Chrome (ya Safari me dio una vez problemas). Luego el Opera le voy haciendo filtros para las cosas que no entiende (que solo me ha ocurrido una vez).

El IE8 tiene muchas mejoras respecto de los anteriores. Los anteriores no entienden position: al igual que el resto. De hecho usan un sistema propio. Los márgenes negativos no los entiende.

Hay que hacer filtros en CSS para que lo entienda IE6 y demás.

Cita:
Para darle más chicha al asunto, cuando uso el firebug en las dos páginas para ver si encuentro el problema el <div id="wrapper"> en el index.html no me lo detecta (es decir no me lo marca en azul) y en presentacion.html si me lo marca.
Mira a ver si tiene altura 0. Es muy común si usas todo en float y no pones el <div style="clear:both"></div> o si usas Posiciones absolutas.


Aún así pon imágenes.
  #3 (permalink)  
Antiguo 11/05/2009, 10:26
Avatar de hCanté
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Guatemala
Mensajes: 233
Antigüedad: 10 años, 8 meses
Puntos: 9
Respuesta: Problemas de visualización IE vs. Firefox & Chrome

@AnesGy te refieres a webkit?... @WixTeR lo que a mi me ha servido independientemente de tu problema es ir revisando a medida que avanzo en estos y otros navegadores, porque si lo haces cuando tu proyecto esta terminado se puede poner peor el asunto, cuesta más.

Saludos!
  #4 (permalink)  
Antiguo 11/05/2009, 10:44
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: Problemas de visualización IE vs. Firefox & Chrome

Cita:
Iniciado por hCanté Ver Mensaje
@AnesGy te refieres a webkit?... @WixTeR lo que a mi me ha servido independientemente de tu problema es ir revisando a medida que avanzo en estos y otros navegadores, porque si lo haces cuando tu proyecto esta terminado se puede poner peor el asunto, cuesta más.
Completamente de acuerdo, aunque ahora mismo eso no te aporte nada.
Sí, puede tener que ver con el absolute. De hecho no hay duda.
Pon tu HTML o no podremos saber realmente qué ocurre.
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 17:37.