Duda con posicionamiento de página FF vrs. IE

Carxl · #1 (**permalink**) 17/03/2007, 11:51

Hola a todos. Miren esta página http://jacker22.iespana.es. En FF, se ve centrada pero en IE se ve al lado izquierdo(cómo cosa rara ocasionando problemas). Lo raro es que cuando la tenía en localhost, en los dos navegadores se veía centrado, el problema está desde que la subí. Qué puedo hacer??, cuál es el problema??

Gracias por su yuda.

Saludos!!

Edypu · #2 (**permalink**) 17/03/2007, 20:14

yo uso varios navegadores para comprobar el correcto funcionamiento de mis paginas web

en EXPLORER esta alineado a la izquierda

en FIREFOX, OPERA y NETSCAPE estan centreados.

no vi tus hojas de estilo ... problamente el problema este ahi.

En todo caso inclui una tabla .. y alinea el contenido de tu pagina al centro.

un saludo.

Carxl · #3 (**permalink**) 17/03/2007, 20:47

Hola Edypu, agradezco tu respuesta, pero en este caso no aplica:

Cita:

Iniciado por Carxl

Lo raro es que cuando la tenía en localhost, en los dos navegadores se veía centrado, el problema está desde que la subí.

Ves?, las recomendaciones que me hiciste ya las he tenido en cuenta desde el mismo momento que cree la página y también utilizo varios navegadores para comprobar ms páginas.

Gracias de nuevo!

andres013 · #4 (**permalink**) 17/03/2007, 23:50

Hola,

Lo mejor para esto es trabajar con hojas de estilo. (.css) y en las hojas de estilo declarar que propiedaddes serán para firefox o para Internet explorer.

Una forma es decir en la pagina que si esta en IE cargue la hoja de estilos correspondiente la otra manera es decalrar los estilos diferentes en la hoja de estilo, para esto se debe utilizar la propiedad "!important" para todo lo que se mostrará en FF.

Ejemplo:

#buttons {
vertical-align:top;
height: 21px !important;
height: 23px;
}

Ojala te sirva, Un saludo.

tunait · #5 (**permalink**) 18/03/2007, 05:26

Qué tal

IE6 (y supongo que versiones anteriores) requiere que la primera línea del documento sea la DTD. En caso de no ser así entra a renderizar el documento en modo quirks y por lo tanto no sabe interpretar el margin: auto que le aplicas al contenedor principal.

Un saludo

Carxl · #6 (**permalink**) 19/03/2007, 13:33

Hola Tunait, me causa duda tu respuesta, te refieres a esto??:

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Efectivamente, es mi primera lìnea cunado yo cree el còdigo, pero..., si ves el còdigo de la pàgina, primero se abre un script, que es la publicidad que pone el web hosting donde tengo alojada la pàgina, segùn tù, serà por esto que IE no respeta mi estilo??. Y otra cosa, què puedo hacer para solucionar esto??

Muchas gracias de antemano

tunait · #7 (**permalink**) 19/03/2007, 14:23

Efectivamente. Esa línea es la DTD (definición de tipo de documento). Para centrar el contendor principal le aplicas un margen auto que es correcto. El navegador cuando lee la DTD sabe bajo qué esquema debe trabajar para mostrar los elementos del documento.
Explorer 6 (en el 7 creo que está corregido) espera que la DTD se encuentre en la primera línea del documento. Cuando no entiende qué DTD debe usar (osea, bajo qué esquema basarse) usa uno al que llaman quirks y bajo este modelo no se encuentra el centrado de un contenedor mediante margin: auto.

En tu disco local la DTD es la primera línea que encuentra, por lo tanto la entiende y usa el esquema adecuado. Por eso se visualiza centrado en tu versión local. Sin embargo al enviarla al servidor, este le añade código antes de la DTD, lo que confunde al IE y usa el esquema que no debe entrando en el quirks mode

No puedes evitar que el server gratuíto agregue código. Lo ideal sería que uses un servidor que no te haga esta faena. En modo quirks lo que puede centrar un contenedor en IE es aplicarle un text-align: center al contendor padre (en tu caso, sería a body) pero eso provocaría que el resto de elementos heredasen esta propiedad y te centraría todo, aparte de que esto serviría sólo para IE.

Si estuviera en tu lugar trataría de encontrar un hosting que no insertara código en la primera línea.

Un saludo

JavierGuerrero · #8 (**permalink**) 20/03/2007, 08:56

Hola, Carxl.

Para este tipo de problemas te recomendaría que utilices los comentarios condicionales para IE. Para que tengas una idea de esto, te muestro un extracto sacado de Diseñorama:

Cita:

Microsoft tuvo una excelente idea: una manera de mostrar cierto código a Internet Explorer (versión 5 en adelante, sólo en Windows), pero ocultarlo de otros navegadores, poniéndolo dentro de un comentario.

Es la mejor manera de corregir los errores que causa IE al interpretar CSS, olvídate del CSS hacks.

Como aún no se me permite mostrar enlaces, para que encuentres más información sobre el tema te sugiero que en Google pongas esto:

Cita:

diseñorama comentarios condicionales

Bueno, espero que te sea de utilidad esta información.

Saludos cordiales,

Javier Guerrero

Carxl · #9 (**permalink**) 20/03/2007, 09:35

Hey muchas gracias a ambos, a Tunait y a JavierGuerrero

. Agradezco su ayuda ya me queda claro lo que debo hacer.

Saludos