Ayuda con los css en IE y Fire Fox

infosonic · #1 (**permalink**) 11/10/2007, 22:38

Hola quisiera saber si puediran ayudame a entender algunos problemas que he tenido con las hojas de estilo en los navegadores de IE y Fire Fox.

Bueno lo que pasa es que estoy haciendo una web y use unos estilos para poder dar formato al texto y otro para modificar la barra desplazadora(colores), ahora bien, lo que pasa es que el estilo para dar formato al texto no funciona en IE y en fire fox si, primero pense que se debia a mi vercion de navegador o a que simplemente no lo aceptaba, no estaba seguro, pero lo que me hizo dudar fue que en otra web que tenia, el mismo estilo servia pero este servia ahora en Fire Fox y no en IE.

Del mismo modo me paso con el estilo de las barras, en una sirvio en IE y en otra no y al rebe en otras webs.

Mi duda es esta a que se debe que pase esto?, es la vercion del explorador o se debe a algo de codigo o que podria ser?, esto es malo pues no se van a ver igual con los navegadores y esto ya me esta desesperando.

Escuche de este foro espero puedan ayudarme ya que visite varios y como que no salio una respuesta dicen que son muy buenas las perosnas que visitan aqui asi que espero puedan ayudarme y de antemano les agradesco.

Aqui les dejo el codigo para ver si a eso se debe

Este es para modificar lso colores de la barra desplazadora:
</script><style TYPE="text/css">
</style>

Con este doy formato a los textos: (pueden incluirse mas "p" para otros formatos
<style type="text/css" media="screen">
p1{
color: #FFFFFF;
font-family:verdana;
font-size:11px;
word-spacing: 0.3em;
}
p2{
background: #000066;
color: #ffffff;
font-family:comic sans ms;
font-size:11px;
word-spacing: 0.3em;
}
</style>

Raulmmmm · #2 (**permalink**) 12/10/2007, 05:48

Los colores de la barra solo funcionan en IE, y lo último lo tendrías que hacer así:
.p1{
color: #FFFFFF;
font-family:verdana;
font-size:11px;
word-spacing: 0.3em;
}
.p2{
background: #000066;
color: #ffffff;
font-family:comic sans ms;
font-size:11px;
word-spacing: 0.3em;
}
Y el HTML
<p class="p1">Hola</p>
<p class="p2">Hola</p>

webseficientes · #3 (**permalink**) 12/10/2007, 07:39

es cierto el estilo en las barras solo funciona en explorer, por otro lado es un efecto horrible.

Por otro lado, al nombre de la clases le tenes que agregar el punto (.) queda asi
.p2{ }

infosonic · #4 (**permalink**) 12/10/2007, 08:41

Hola mcuhas gracias por ayudarme, pero desafortunadamente no sirvio ninguna de las soluciones que me proporcionaron, puse el (class="p1") pero al contrario de mostrarmelo lo unico que paso fue que no se viena ni en IE y FF.

Bueno espero que me puedan decir otra manera o porlomenos saber cual es la razon de que pase esto, ya que si sigue asi mejor poner una advertencia de ver la pagina con dterminado explorardor o algo por el estilo.

Bueno espero me ayuden de antemano gracias.

webseficientes · #5 (**permalink**) 16/10/2007, 03:46

Amigo, podes poner el codigo que tenes ahora, por favor?

asi vemos en que punto estas y que puede estar fallando.

Shade · #6 (**permalink**) 16/10/2007, 06:04

Código:

<p class="p1">Asereje</p>
<p class="p2">Ja deje</p>

Código:

<style rel="stylesheet" type="text/css" media="screen">
.p1{
color: #FFFFFF;
font-family:verdana;
font-size:11px;
word-spacing: 0.3em;
}
.p2{
background: #000066;
color: #ffffff;
font-family:comic sans ms;
font-size:11px;
word-spacing: 0.3em;
}
</style>

Imposible que no funcione eso.

webseficientes · #7 (**permalink**) 16/10/2007, 06:47

A mi me funciona, arme un html con el codigo que enviaste y lo vi en firefox, fijate que la seccion css la puse adentro del <head></head>

este es el codigo.

Código:

<head>
<style rel="stylesheet" type="text/css" media="screen">
.p1{
color: #FFFFFF;
font-family:verdana;
font-size:11px;
word-spacing: 0.3em;
}
.p2{
background: #000066;
color: #ffffff;
font-family:comic sans ms;
font-size:11px;
word-spacing: 0.3em;
}
</style>
</head>
<body>
<p class="p1">Asereje</p>
<p class="p2">Ja deje</p>
</body>