No consigo que se vea bien en mozilla

santano983 · 8 Ago 2010, 18:13 · Solicitar retirada

hola :

he hecho los pasos que ponias aqui y no consigo que se vea bien en el mozilla y es lo mas importante porque entra todo el mundo desde ese explorador. podriais ayudarme por favoooorrr

esto es lo que he puesto en la hojda de index.html :

<head>
<link rel="stylesheet" href="reset.css" media="all">
<link rel="stylesheet" href="estilo-general.css" media="all">

</head>

dentro del archivo "reset.css" he puesto exclusivamente lo que pone en el enlace que aportais en el comentario del principio.

dentro del archivo "estilo-general.css" tengo todos los estilos diseñados de enlaces, parrafos, menu, contenido....etc que son comunes para internet explorer y demás

dentro del archivo "estilos.css" que engloba solo a la parte de internet explorer , si es que esta bien escrito, solo tengo 3 comandas que son generales como en el ejemplo de comocreartuweb.

os agradeceria muxo vuestra ayuda porque estoy con la web ya en funcionamiento.

si quereis echar un vistazo desde mozilla vereis ke sale descuadrado pero desde iexplorer se ve perfecto.

www.spanish-gunners.com

un saludo y espero respuestas
graciaasss

EDITADOR POR FOLEY: Este mensaje es parte de una respuesta al tema http://www.comocreartuweb.com/phpBB2/ftopic25759.html pero como ahí ya dije que no se puede pedir ayuda pues lo he dividido.

Foley · 9 Ago 2010, 00:10 · Solicitar retirada

Hola santano

En principio pensé que tendrías que hacer muchos cambios pero veo que no, veo que lo has hecho muy pero que muy bien :)

Solo tienes que mejorar la visualización de ese menú horizontal en firefox. En internet explorer se te ve bien y en firefox no. Es solo cuestión de ir probando cosas (con sentido siempre claro jeje).
Yo haría lo siguiente:

:arrow: Si te fijas en el logo del arsenal, en firefox pilla parte del color gris del menú horizontal, cosa que en ie no. Trata de darle más altura a esa capa en firefox. Seguramente eso ya llegue.

Ahora que me fijo, dices que tienes esto en el head:

<head>
<link rel="stylesheet" href="reset.css" media="all">
<link rel="stylesheet" href="estilo-general.css" media="all">
<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="estilos.css" >
<![endif]-->
</head>

Pero ahora que me fijo en el código fuente de tu web, realmente aparece esto:

<head>
<link rel="stylesheet" href="estilos.css" media="all">
<link rel="stylesheet" href="estilo-general.css" media="all">
<!--[if MF]> 
<link rel="Stylesheet" type="text/css" href="reset.css" > 
<link rel="stylesheet" href="estilo-general.css">
<![endif]-->
</head>

Te explico, sale que tienes 3 hojas de estilo + el reset.css, además el reset.css lo tienes colocado dentro del condicional if y no antes de la primera hoja de estilos.
Por otro lado el condicional no es <!--[if IE]> si no <!--[if MF]> , nunca lo había visto, pero parece que no te funciona del todo mal no?

Hiciste todo eso tu no? Es que como no coincide pues me llama la atención.

Igualmente ir va bien, bastante bien, si eso no lo toques y solo intenta arreglar el menú horizontal en firefox.

Saludos

santano983 · 9 Ago 2010, 00:17 · Solicitar retirada

weno eso de ke lo hicer muy pero ke muy bien esta por ver :D jajjajaj en internet explorer si ke se me ve bastante bien pke como dices cambie la configuracion inicial a la ke tenia puesta antes

intente arreglaro y se me ocurrio en vez de poner if IE refiriendose a internet explorer, poner MF refiriendome a Mozilla Firefox, me lo he inventado sinceramente pke no sabia si iba a dar resultado jajajjajajaj
ahora bien vuelvo al principio sin tocar nada.........

sinceramente poniendo lo del if IE como lo harías tu??

para poder poner el estilo directamente para firefox y luego el if sólo para cuando sea explorer pke lo anterior me lo invente jajajjaja

un saludo

gracias

Foley · 9 Ago 2010, 02:12 · Solicitar retirada

Hola otra vez

Te lo voy a explicar con un ejemplo de una web mía ok?

Yo en mi web testautomovil.com tengo esto en el head:

<link rel="stylesheet" href="css/reset.css" media="all" />
<link rel="stylesheet" href="css/base.css" media="all" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
   <!--[if lte IE 6]>
   <link rel="STYLESHEET" type="text/css" href="css/fix-ie6.css" />
   <![endif]-->	
   <!--[if gte IE 7]>
   <link rel="STYLESHEET" type="text/css" href="css/estilos-ie.css" />
   <![endif]-->

:arrow: Primero aparece el reset.css, eso lo tienes claro ya pienso :P
:arrow: Luego la hoja base.css es la hoja de estilos común a todos los navegadores excepto internet explorer.
:arrow: style.css es una hoja de estilos de un menú, no tiene importancia...
:arrow: fix-ie6.css es una hoja de estilos exclusiva para las versiones 6 o inferior (es decir la 6, 5, 4,...) del internet explorer. Tuve que montarlo así porque mi web se veía diferente según fuera en ie 6, en ie 7 u otras versiones.
Lo de lte es para indicar una versión igual o inferior a la señalada.
:arrow: estilos-ie.css es una hoja para las versiones 7 o superior de internet explorer. Tuve que montarlo así por lo que expliqué antes de las versiones 6 o inferiores.
Lo de gte es para indicar una versión igual o superior a la señalada.

No sé si ahora te queda más claro? Mi web es un caso extremo por así decirlo, no sé por qué tuve que hacer tantas hojas pero si no no era capaz de que se viese bien. Si quieres verlas, puedes poner testautomovil.com/css/nombredelahojadeestilos.css y verás lo que tengo en ellas.

En tu caso prueba con un simple:

 <!--[if IE ]>
     <link rel="STYLESHEET" type="text/css" href="css/nombre-hoja-estilos.css" />
  <![endif]-->

Intenta organizarlo de la mejor manera posible, es decir, pon nombres coherentes a las hojas de estilo. Te recomiendo ponerlo así:

base.css para todos los navegadores salvo ie
estilos-ie.css para todas las versiones de ie (en principio prueba así, sino tendrás que crear más hojas de estilo como tuve que hacer yo en mi web ok?).

Como con tu hoja de estilos que tienes actualmente la web se ve perfecta en ie pero un poquitín mal en firefox, te recomiendo que crees una copia de ella, le llames base.css (como te dije en el párrafo anterior) y vayas haciendo los cambios para que se vea bien en firefox y demás navegadores ok? Y la de ie la dejas como está porque ya se ve bien ;)

P.D: Si necesitas más ayuda avisa.

Saludos

santano983 · 9 Ago 2010, 11:59 · Solicitar retirada

no me enterao mu bien en parte pke no me sale bien :D mira te explico

pongo esto

<link rel="stylesheet" href="reset.css" media="all">
<link rel="stylesheet" href="estilo-general.css" media="all">


como esta puesto reset.css para todos pues se me ve mal en todos pke el reser no se pké pero me descuadra todo y cambia los diseños tambien de los ke hice yo.........
creo ke esto no tiene solucion tio me estoy kedando tontooooooo :(

pero eske mira sin poner nada de IF me sale perfecto, pero el problema es el reset.css que no va ni en internet explorer, ni en mozilla......cuando lo pongo no se pke no pasa a la configuración ke poner IF ?¿ me entiends no?¿? jeejejej

Foley · 9 Ago 2010, 16:27 · Solicitar retirada

No, no te entiendo.

El reset lo que hace es, si mal no recuerdo, reiniciar las propiedades que le dan por defecto algunos navegadores a los párrafos, márgenes y demás cosas. Si una vez hecho el reset no indicas qué márgenes, paddings y demás cosas quieres que tenga cada elemento pues se te verá mal claro.

La web no se te ve mal por poner el reset, se te ve mal por haberla hecho fijándote en cómo se ve en internet explorer. Para empezar bien una web hay que hacerla fijándose en mozilla firefox (porque es un navegador que interpreta bien los códigos, cosa que ie no) y luego sí, crear una hoja de estilos para arreglar la visualización en ie.

Saludos

clautgt · 9 Ago 2010, 20:02 · Solicitar retirada

Hola, tengo un problema parecido al que plantea santano983.

He seguido el curso paso a paso y hasta ahí todo correcto.

Después, he intentado crear mi propia página web y como pones en tu tema... ¡en Internet Explorer se ve perfectamente, pero en Mozilla queda todo descuadrado!

He intentado seguir las instrucciones que aparecen en "Conseguir que la web se vea igual en todos los navegadores", pero al hacerlo, me ha desparecido todo el estilo. Creo que no he sabido hacerlo.

Lo que yo he hecho ha sido:
1)Guardar la hoja de estilo que ya tenía hecha con los nombre estilos.css y estilos-ie.css

2)He cambiado usando el EditPad Lite, todas las head de todas las páginas que tenía, poniendo el código que tu decías

3)Por último lo he subido al hosting y...¡tachán!, ya no se veían las hojas de estilo ni en IE ni en Mozilla ni nada.

Dejo la dirección de mi web por si alguien puede echarle un vistazo y ayudarme.

componentesciclismo.sportsontheweb.net

¡Muchas gracias! ¡Un saludo!

clautgt · 9 Ago 2010, 23:00 · Solicitar retirada

Ya lo conseguí, jeje :D

Foley · 10 Ago 2010, 13:55 · Solicitar retirada

clautgt escribió:Ya lo conseguí, jeje :D

Menos mal, te ha quedado bastante igual, ya creía que no valía para explicar estas cosas :lol:

clautgt · 10 Ago 2010, 14:48 · Solicitar retirada

jejeje. Que bah, la explicación estaba bien, era problema mio que me aceleré!

Ahora a seguir mejorandola, ¡muchas gracias!

santano983 · 10 Ago 2010, 16:57 · Solicitar retirada

gracias yo ya soluciones lo mio y se me ve la pagina perfecto en los dos....... tuve ke modificar los estilos para mozilla e internet explorer es mas sencillo ke hacer el reset , si pones el condicionarl para ie claro.