el problema que yo veo, lo tienes en la barra de navegación (donde están los links para poder acceder a las secciones), que se vé perfecto en IE pero no así en mozilla ni en chrome..
la solución está en tú hoja de estilos, tienes que ir jugando con los espacios que tienes puesto en los elementos de la lista de dentro del menú navegación, es decir; esto:
#navegacion li {margin:0px 20px 0px 20px;} (hoja de estilos)
pués tienes que ir variando esos números hasta conseguirlo ajustar a todos los buscadores, no te preocupes si pierdes la perfección en IE, el objetivo es que se vea bien en todos.. esa es la separación de los enlaces que tienes dentro, luego también puedes ir probando aumentarle el tamaño al mismo menú de navegación para que te entren todos los enlaces..
#navegacion {height:xxx px}
por ahí van los tiros, espero haberte aclarado algo.
Gracias! Si es eso, lo principal que se ve mal en FiroFox es el menú y el pie de página, que se sube donde el menú. El otro problema que tengo es que, las cosas que tengo centradas en IE, en Mozilla salen hacia la izquierda. Voy a toquetear eso, a ver que sale, antes de volveros locos con mis códigos, y os cuento qué pasa! Un saludo!!
EDITO
He conseguido grandes progresos toqueteando los bordes y anchos {width} de la navegación, pie y contenido, en la hoja de estilos. Queda perfeccionar un pelin el menú en FireFox. ¡¡ Gracias por la ayuda !!
VUELVO A EDITAR:
He realizado algún que otro cambio, sobre todo en la hoja de estilos, aunque también en otras páginas. He conseguido mejorar el aspecto en Firefox y Ópera, aunque sigue sin verse igual que en IE. Lo que en IE se ve a tamaño normal, en los demás se ve pequeño o diminuto. Pero bueno, lo más importante y visible está conseguido, seguiremos investigando y modificando cosas. Gracias por la colaboración. Por el momento, doy el tema como solucionado. Un saludo !!
a veces es casi imposible hacer que se vea bien en IE y el resto de los navegadores, el problema es exclusivo de IE.
por lo que lo que se suele hacer es, de igual forma que le dices al documento html dentro de (head) (/head) que lea determinada hoja de estilos en CSS, le incluyes una para IE, de esta manera el html interpreta que tiene que leer una en general y otra solo para IE... lo que haces es ajustar los cambios para que se vea bien en IE y guardar la hoja de estilos exclusivamente para los cambios hechos para que resulten en IE y eso lo adjuntas después de la otra CSS.
Buenos díass !! A ver si me entero, o me lo cargo todo :s
Mi hoja de estilos se llama estilo-general.css En cualquiera de las paginas de mi web, entre <head> y </head> tengo escrito, entre otras cosas esto: <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
Entonces, según lo que entiendo, como en IE lo veo perfecto, renombro esa hoja, y la llamo, por ejemplo, estilo-ie.css Y creo una nueva hoja, que la llamo como la anterior, estilo-general.css, y en esa hago los ajustes necesarios para que se vea en los demás exploradores.
Si esto es así, en cualquiera de mis páginas de la web, quedaría algo así:
<head> <title>Terrazos Valdeprados S.L.</title> <link rel="stylesheet" href="estilo-ie.css" type="text/css" media="all"> ((ESTE SERÍA EL DE SIEMPRE RENOMBRADO, PORQUE SE VE OK)) <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all"> ((ESTE SERÍA EL NUEVO CON LOS AJUSTES HECHOS)) </head>
¿Sería correcto? ¿Primero la de IE, y luego la otra, o del revés? Y... si yo hago esto, ¿la página sabe que tiene que leer en cada momento? J..... qué lista !! :o
púes para no haberlo echo nunca lo has entendido a la perfección de eso se trata, claro que sí.
digamos que; (esto sería para todos los navegadores..) <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
y luego habría que poner otra para IE que se puede llamar estilo-ie.css como tú dices o estilo-general-ie.css e iría después pero lo que tienes que poner exactamente es esto:
como ves IE viene el último y con la condición if.. pero hay un pequeño detalle que se nos escapa y es guardar un archivo extra llamado reset también en css que lo tendrás que subir al servidor donde estan los css, o sea en la raiz. (dentro de ninguna carpeta)
esto es lo que te falta, ya lo tienes todo.. guarda todas esas letras y palabruchas en una nueva hoja de estilo que llamarás reset.css a la que hacíamos antes mención y subela al servidor junto a tus otras hojas de estilo
así el primer renglón después de </title> sabrá lo que tiene que leer. y eso es todo.. hombre, lo ideal es que lo ajustes para mozilla y demás y lo reajustes para IE, pero si lo has hecho al reves, jeje... pués lo mismo también fale :P
Tiempo después, vuelvo a la carga, porque aún no lo he arreglado, pero algo se me sigue escapando.
Los fallos que salen en Firefox no consigo cambiarles:
1- En el menú, el apartado INICIO, que debería estar a la izquierda, se pira a la derecha ... 2- Las indicaciones que utilizo en una determinada página para que una frase sea de un color o tamaño específico (por ejemplo
He pasado las "indicaciones" de .oferta .color etc, a la hoja de estilos, pero el resultado es el mismo.
El menú sigo sin acertar qué modificar. La palabra INICIO sigue a su bola.
He probado también creando una nueva hoja de estilos y renombrando la que tengo para IE. Creé también la hoja reset.css Puse las indicaciones correspondientes debajo de Tittle, y el resultado es un caos total en mi página :S
Cookies
Usamos cookies necesarias y, si lo autorizas, Google Analytics. Puedes cambiar tu elección cuando quieras.
