No se me aplica el CSS a la barra de Scroll

ricardoworks · #1 (**permalink**) 31/10/2005, 12:09

Hola, siempre he usado el siguiente código para "colorear" la barra de Scroll. Pero en un proyecto concreto no me funciona. La barra se queda en el estado estandar. ¿A que puede ser debido esto?

Gracias.

<style type="text/css">



body {
scrollbar-arrow-color: #F2C88D;
scrollbar-base-color: #000000;
scrollbar-dark-shadow-color: #000000;
scrollbar-track-color: #91B7C2;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3d-light-color: #000000;
}
</style>

RoQ · #2 (**permalink**) 31/10/2005, 12:51

fijate tu dcotype que tipo es, si es XHTML debe ser por eso

ricardoworks · #3 (**permalink**) 31/10/2005, 13:27

Disculpa, no entiendo bien lo que me quieres decir... (Soy bastante novato)

¿Te refieres a la extensión del documento?. Gracias.

baccxus · #4 (**permalink**) 31/10/2005, 13:32

Se refiere a que el documento debe especificar que es xhtml y no html, se coloca en la cabecera de tu código lo siguiente:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Saludos

ricardoworks · #5 (**permalink**) 31/10/2005, 13:43

Hola, gracias por vuestras respuestas. Lo he comprobado y mi documento es HTML. Pero es muy curioso... porque el mismo código lo inserto en otra página y si funciona...

leoj90 · #6 (**permalink**) 31/10/2005, 15:13

Obviamente no usa Xhtml, se ve en el codigo q puso..
<style type="text/css">, falta media="screen"...
Si lo estas visualizando con Firefox obviamente no se va a ver.. eso solo sirve en IE, para firefox es: repeat-x: #000000

tunait · #7 (**permalink**) 01/11/2005, 02:12

Tema trasladado al foro de css desde (x)html

RoQ · #8 (**permalink**) 01/11/2005, 09:09

Cita:

Iniciado por leoj90

Obviamente no usa Xhtml, se ve en el codigo q puso..
<style type="text/css">, falta media="screen"...
Si lo estas visualizando con Firefox obviamente no se va a ver.. eso solo sirve en IE, para firefox es: repeat-x: #000000

ya se aclaro que ese no es el codigo para firefox, es mas no hay un codigo para firefox.

http://www.forosdelweb.com/f53/cambiar-color-barra-desplacamietno-339414/

y lo que yo me referia a Xhtml es que las paginas con doctype XHTML no cambian de color en la barra de scroll, solo las que tienen doctype en HTML aceptan el cambie y solo funciona en IE, bueno tambien en Opera 8

leoj90 · #9 (**permalink**) 01/11/2005, 10:59

Hay, ya me dio ganas de pegarte, por mentiroso..

Leiste bien mi post?

Cita:

Iniciado por leoj90

para firefox es: repeat-x: #000000

Usalo y despues me cuentas si sirve o no.. pero no afirmes algo q no estas seguro, porq los demas se la van a creer y eso esta MAL!.

RoQ · #10 (**permalink**) 01/11/2005, 11:03

Cita:

Iniciado por leoj90

Hay, ya me dio ganas de pegarte, por mentiroso..

Leiste bien mi post?

Usalo y despues me cuentas si sirve o no.. pero no afirmes algo q no estas seguro, porq los demas se la van a creer y eso esta MAL!.

si estoy seguro por eso te digo que leas el post donde se aclaro este tema

leelo --->http://www.forosdelweb.com/showthread.php?t=339414 <--- leelo

Runciter · #11 (**permalink**) 18/05/2006, 17:36

No localizo el problema por el cual tanto IE7 como Opera9 no me pintan la barra de desplazamiento. Echarle un ojo a ver si alguien detecta el fallo.

Página principal:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ... >
<html>
<head>
<?php include("meta.php"); ?>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>
<body>
...

Definición hoja de estilos etiqueta body:

body {
scrollbar-3dlight-color: #333333;
scrollbar-arrow-color: #f5d92f;
scrollbar-base-color: #f5d92f;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #414141;
scrollbar-highlight-color: #666666;
scrollbar-shadow-color: #292929;
scrollbar-track-color: #666666;
background: #000000 url("fotos/fondo_barra2.gif") top repeat-x fixed;
}

¿No será un bug en las versiones beta de estos navegadores?.

#12 (**permalink**) 18/05/2006, 18:16

mmm yo pensaba que en firefox no se podia modificar los colores de la scrollbar

saludos

Runciter · #13 (**permalink**) 19/05/2006, 04:27

Si defino el css como:

body, html {
...
}

Resulta que IE7 lo pilla pero Opera9 no

zekenet · #14 (**permalink**) 06/06/2006, 06:34

ese codigo no sigue el estandar, es decir que si lo usais en explorer funcionara pero en cualquier navegador que siga el estandar no funcionara porque no tiene validez

-Defero- · #15 (**permalink**) 06/06/2006, 07:27

Cita:

Iniciado por Runciter

(...) ¿No será un bug en las versiones beta de estos navegadores?.

¿Un bug? El bug es usar ese código, que como ya te han dicho, no es estándar. Te recomiendo que renuncies a usarlo.

darkgaze · #16 (**permalink**) 07/06/2006, 08:09

a mi eso de los estándares me toca un poco las pelotillas.

Por mi parte, lo intenté, y ya lo creo que lo intente.

AL FINAL llegué ala conclusion de no usarlo. la gente no gusta estas cosas. Queda bonito, pero te recomiendo que no lo hagas. :_

zekenet · #17 (**permalink**) 08/06/2006, 05:43

Cita:

Iniciado por darkgaze

a mi eso de los estándares me toca un poco las pelotillas

Los navegadores se hacen siguiendo los estandar y no al reves. Si haces un navegador que no sigue los estandares habras echo una navegador malo (IE), si lo haces siguiéndolos (Firefox) tendras un navegador con el que se vera cualquier web, que este programada correctamente claro.

webosiris · #18 (**permalink**) 08/06/2006, 10:38

Cita:

Iniciado por darkgaze

a mi eso de los estándares me toca un poco las pelotillas.

crear webs con errores (no seguir los estándares) es igual a escribir con errores (faltas de ortografía)

St4rm4n · #19 (**permalink**) 28/03/2008, 20:08

El problema para solucionar el inconveniente es usar solo la cabecera html

es decir ud tiene

No localizo el problema por el cual tanto IE7 como Opera9 no me pintan la barra de desplazamiento. Echarle un ojo a ver si alguien detecta el fallo.

Página principal:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ... >
<html>

elimine el <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ... >

y dejo solo

<html>

intenta usando este modelo

<html>
<head>
<title>Documento sin título</title>
</head>

<body>
</body>
</html>

JavierB · #20 (**permalink**) 29/03/2008, 03:46

El mensaje original es de hace más de 1 año. Por favor no reviváis temas tan antiguos.

Saludos,