PDA

View Full Version : Problemas em mudar a cor das Scrollbars

peter alien
30-11-2007, 10:08
Estou a tentar mudar as cores das Scrollbars no IE6.

Coloco o script CSS, mas só funciona quando retiro a linha do DOCTYPE.
O problema é que quando retiro essa linha todos os meus DIVs, que se encontravam centrados, encostam todos à esquerda.


O DOCTYPE é o seguinte:

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


Obrigadão a quem me puder ajudar :)
SoundSurfer
30-11-2007, 11:20
Experimenta dar um "enter" antes do doctype, para que este fique na 2ª linha do ficheiro.

http://en.wikipedia.org/wiki/Quirks_mode
peter alien
30-11-2007, 12:08
não funcionou... os Divs ficam centrados mas a Scrollbar continua a default :(
p3dro
30-11-2007, 13:53
não funcionou... os Divs ficam centrados mas a Scrollbar continua a default :(

tenta colocar aqui o teu código desde o inicio (incluindo o DOCTYPE) até ao </head> e o código css (se estiveres a usar um ficheiro à parte) onde alteras as cores das scrollbars, pode ser que se consiga detectar melhor o problema ...
peter alien
30-11-2007, 14:53
O código é este:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=iso-8859-1">
<style type=text/css>
body {
background-image: url(Imagens/BGGradiente.png);
background-repeat: repeat-x;
background-position: center;
background-color: #000000;
scrollbar-face-color:#E0E0E0;
scrollbar-arrow-color: #666666;
scrollbar-track-color:#F1F1F1;
scrollbar-shadow-color:#E0E0E0;
scrollbar-highlight-color:#E0E0E0;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-Color:#C0C0C0;
}
#layout {
width: 950px;
height: 688px;
margin: 0 auto;
}
#header {
width: 950px;
height: 169px;
background-image: url(Imagens/Header.jpg);
}
#fotos {
width: 950px;
height: 79px;
background-image: url(Imagens/Fotos.jpg);
}
#fundo {
float: left;
width: 236px;
height: 393px;
background-image: url(Imagens/Fundo.jpg);
}
#conteudo {
float: left;
width: 714px;
height: 393px;
background-image: url(Imagens/Conteudo.jpg);
}
#footer {
width: 950px;
height: 47px;
background-image: url(Imagens/Footer.jpg);
}
#layerinvisivel {
margin-left: 30px;
margin-top: 80px;
}
#iframe1 {
width: 712px;
height: 356px;
margin-top: 36px;
margin-left: 0px;
}
</style>
</head>
<body>
<div id="layout">
<div id="header"></div>
<div id="fotos"></div>
<div id="fundo">
<div id="layerinvisivel">
<img src="Imagens/InvLayer.gif" border="0" usemap="#map1">
<map name="map1">
<area shape="rect" coords="4,10,155,32" target="iframe1" href="Apresentacao.html">
<area shape="rect" coords="4,82,155,104" target="iframe1" href="Informacoes.html">
<area shape="rect" coords="4,118,155,140" target="iframe1" href="Pedidos.html">
<area shape="rect" coords="4,154,155,176" target="iframe1" href="LinksUteis.html">
<area shape="rect" coords="4,190,155,212" target="iframe1" href="Contactos.html">
<area shape="rect" coords="4,226,155,248" target="iframe1" href="AreaReservada.html">
</map>
</div>
</div>
<div id="conteudo">
<iframe id="iframe1" name="iframe1" frameborder="0" scrolling="auto"></iframe>
</div>
<div id="footer"></div>
</div>
</body>
</html>
p3dro
30-11-2007, 15:42
Dentro do <style type=text/css> tenta colocar desta maneira:

html{
scrollbar-face-color:#E0E0E0;
scrollbar-arrow-color: #666666;
scrollbar-track-color:#F1F1F1;
scrollbar-shadow-color:#E0E0E0;
scrollbar-highlight-color:#E0E0E0;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-Color:#C0C0C0;
}

Mas retira do body

Ficaria algo deste tipo:

html{
scrollbar-face-color:#E0E0E0;
scrollbar-arrow-color: #666666;
scrollbar-track-color:#F1F1F1;
scrollbar-shadow-color:#E0E0E0;
scrollbar-highlight-color:#E0E0E0;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-Color:#C0C0C0;
}

body {
background-image: url(Imagens/BGGradiente.png);
background-repeat: repeat-x;
background-position: center;
background-color: #000000;
}
peter alien
30-11-2007, 16:51
sim resultou... mas para a scrollbar principal do IE.

Eu queria para a Scrollbar do IFrame? :(
p3dro
30-11-2007, 17:33
sim resultou... mas para a scrollbar principal do IE.

Eu queria para a Scrollbar do IFrame? :(

Bem, não querendo induzir-te num possivel em erro, mas acho que não dá, penso que terás de fazer essa alteração na página que a iframe vai carregar, mas é melhor esperar que alguém mais entendido saiba responder a essa dúvida.
ninja_corp
01-12-2007, 21:40
Duas coisas...

Não uses iframes! :-p (opção tua claro...)
Não uses estilo inline... usa-os na css, estes exemplosão muito bem dados, mas tudo corre melhor se eles tivesses na css!

peace!
peter alien
01-12-2007, 23:24
Porque é que não aconselhas o uso de IFrames?
SlashString
02-12-2007, 02:20
Porque é que não aconselhas o uso de IFrames?

Por questões de usabilidade.. é muito complicado para pessoas com deficiencias visuais, por exemplo, conseguirem consultar o portal!

Cumps ;)