Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Ayuda con los css en IE y Fire Fox (http://www.forosdelweb.com/f53/ayuda-con-css-ie-fire-fox-525449/)

infosonic 11/10/2007 22:38
Ayuda con los css en IE y Fire Fox
 
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">
<!--
BODY {
scrollbar-face-color:black;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 0033CC;
scrollbar-darkshadow-color: 0033CC;
scrollbar-shadow-color: 0033CC;
scrollbar-arrow-color: 0033CC;
scrollbar-track-color: black;
}
--></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 12/10/2007 05:48
Re: Ayuda con los css en IE y Fire Fox
 
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 12/10/2007 07:39
Re: Ayuda con los css en IE y Fire Fox
 
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 12/10/2007 08:41
Aun no jala jaja
 
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 16/10/2007 03:46
Re: Ayuda con los css en IE y Fire Fox
 
Amigo, podes poner el codigo que tenes ahora, por favor?

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

Shade 16/10/2007 06:04
Re: Ayuda con los css en IE y Fire Fox
 
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 16/10/2007 06:47
Re: Ayuda con los css en IE y Fire Fox
 
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>


La zona horaria es GMT -6. Ahora son las 21:40.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.