Barra de Rolagem JSP

2 de julho de 2009 11 respostas

Ellensmp 2 de julho de 2009

Pessoal,

Estou com um pequeno probleminha…
Fiz a configuração da barra de rolagem em CSS e coloquei em minha pagina CSS.
Inclui essa pag. em meu JSP mas as configurações da barra de rolagem não pegaram e as outras pegaram.

Também coloquei o “trecho do codigo css” em minha pag. JSP e também não funcionou?

Há alguma regra para barra de rolagem?

Segue um trecho do meu codigo:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="CSS/cabecalho_home.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="JS/loadFlash.js"></script>
<title>Portal CCO</title>
<style>
body {
	scrollbar-arrow-color:#000000;
	scrollbar-3dlight-color:#000000;
	scrollbar-highlight-color:#FF0000;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#0000FF;
	scrollbar-darkshadow-color:#FFFF00;
	scrollbar-track-color:#00FF00;

}
</style>
</head>

11 Respostas

andre.almeida 2 de jul. de 2009

Tais testando isso em qual navegador?

Eu já precisei fazer testes assim e essa configuração só funciona com o IE
No FireFox ele simplesmente ignora o código.

wbdsjunior 2 de jul. de 2009

acho que você pegou o tutorial desse site.

verificou as restrições?

aqui no internet explorer funcionou direitinho.

wbdsjunior 2 de jul. de 2009

ah!

não está escrito lá, mas, se não me engano, o doctype da página também influencia.

assim não funciona:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Ellensmp 3 de jul. de 2009

andre.almeida:
Tais testando isso em qual navegador?

Eu já precisei fazer testes assim e essa configuração só funciona com o IE
No FireFox ele simplesmente ignora o código.

Estou utilizando o IE.

Ellensmp 3 de jul. de 2009

[quote=wbdsjunior]ah!

não está escrito lá, mas, se não me engano, o doctype da página também influencia.

assim não funciona:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Pq nao funciona???

wbdsjunior 6 de jul. de 2009

[quote=Ellensmp]

wbdsjunior:
ah!

não está escrito lá, mas, se não me engano, o doctype da página também influencia.

assim não funciona:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Pq nao funciona???

desculpe.

não sei dizer porquê não.

Bruno_Laturner 6 de jul. de 2009

Testei no IE, funcionou muito bem:

&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;Hello World!&lt;/title&gt;
&lt;style type="text/css"&gt;
body {
	scrollbar-arrow-color:#000000;
	scrollbar-3dlight-color:#000000;
	scrollbar-highlight-color:#FF0000;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#0000FF;
	scrollbar-darkshadow-color:#FFFF00;
	scrollbar-track-color:#00FF00;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
  Hello World!
&lt;/body&gt;
&lt;/html&gt;

No Konqueror vai funcionar, no Opera só se o usuário habilitar uma opção para usar essas propriedades. No Webkit eles tem a própria implementação deles. No Gecko, só com magia negra.

Ellensmp 7 de jul. de 2009

Bruno Laturner:

Testei no IE, funcionou muito bem:

&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;Hello World!&lt;/title&gt;
&lt;style type="text/css"&gt;
body {
	scrollbar-arrow-color:#000000;
	scrollbar-3dlight-color:#000000;
	scrollbar-highlight-color:#FF0000;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#0000FF;
	scrollbar-darkshadow-color:#FFFF00;
	scrollbar-track-color:#00FF00;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
  Hello World!
&lt;/body&gt;
&lt;/html&gt;

No Konqueror vai funcionar, no Opera só se o usuário habilitar uma opção para usar essas propriedades. No Webkit eles tem a própria implementação deles. No Gecko, só com magia negra.

Para mim nao funciona… uso o IE 8 e desenvolvo no dreamweaver.

doug 7 de jul. de 2009

Este código só funciona no IE da versão 5.5 ou superior… o firefox e os outros pode esquecer que ele nao vai nem aparecer a barra

porém se quiser tentar o cófigo é esse:

<html>
<head>
<style type="text/css">
body {
scrollbar-arrow-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#FF0000;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#0000FF;
scrollbar-darkshadow-color:#FFFF00;
scrollbar-track-color:#00FF00;
}
</style>
</head>
<body>
conteúdo do documento
</body>
</html>

e tem tbm a imagem

Bruno_Laturner 7 de jul. de 2009

IE8 Quirks ou Standards mode?

Só testei no IE7, código feito no notepad mesmo.

Outra coisa para se ter cuidado é que no CSS 2.1, somente atributos padrão da linguagem serão reconhecidos, os navegadores devem ignorar qualquer outro, exceto aqueles que começarem com traço ou sublinha (- e _). Se o IE seguir isso, então adeus scrollbars até que um padrão sobre eles seja aprovado.

elugo 7 de jul. de 2009

overflow: auto;

coloca isso no seu css

Criado 2 de julho de 2009

Ultima resposta 7 de jul. de 2009

Respostas 11

Participantes 6

11 Respostas

Topicos relacionados