duvida em Css

_NoDe_ · 15 de Julho de 2007

Tenho o seguinte código :

.scrollbordas
{
margin-top: 0px;
padding-left: 4px;
padding-right: 4px;
width: auto;
padding-top: 12px;
padding-bottom: 23px;
height:300px;
overflow:auto;
overflow-x:hidden;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

O que acontece e que isto define um tamanho fixo para um div, no qual se o que for apresentado no div em questão, vai surgir uma barra de deslocamento para se poder visualizar.

O Problema disto é que em ecrãs grandes normais, vai aparecer o mesmo tamanho do div e com a barra de deslocamento, a ideia seria que ele detecta-se de a pagina tem tamanho para apresentar tudo , e caso não tivesse , só ai apresentar a tal barra de deslocamento.

Neste momento o tamanho e fixo , seja qual for o ecrã, a resolução, fica igual e todos.

Agradeço a Ajuda Malta.
Cumprimentos.

b1t dA3m0n · 15 de Julho de 2007

Experimenta assim:

Código:

.scrollbordas
{
margin-top: 0px;
padding-left: 4px;
padding-right: 4px;
width: auto;
padding-top: 12px;
padding-bottom: 23px;
[COLOR=Red][B]height: 98%;[/B][/COLOR]
overflow:auto;
overflow-x:hidden;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;    
}

_NoDe_ · 15 de Julho de 2007

Não aparece nada , parece que não aceita percentagens no tamanho. Ou melhor aparece me o metade do texto lol , mas na consigo andar para baixo para ver o resto porque não tenho a barra de deslocação.

b1t dA3m0n · 15 de Julho de 2007

_NoDe_ disse:
Não aparece nada , parece que não aceita percentagens no tamanho. Ou melhor aparece me o metade do texto lol , mas na consigo andar para baixo para ver o resto porque não tenho a barra de deslocação.

Claro que aparece!
Experimenta a tornar a cor de fundo do teu div para por ex. vermelho (sem tendencias futebolisticas

) para melhor visibilidade.
No meu caso funciona tanto no IE como no FF.

Código:

<HTML>
<HEAD>
  <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
  <TITLE></TITLE>
  <META NAME="description" CONTENT="">
  <META NAME="keywords" CONTENT="">
</HEAD>
<BODY>
<STYLE>
.scrollbordas
{
margin-top: 0px;
padding-left: 4px;
padding-right: 4px;
width: auto;
padding-top: 12px;
padding-bottom: 23px;
height: 98%;
overflow:auto;
overflow-x:hidden;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;    
background-color: red;
}</STYLE>  

<div class="scrollbordas">     
LINHAS<br>    
1<br>
2<br>
3<br>
4<br>
5<br>
6<br>
7<br>
8<br>
9<br>
0<br>
1<br>
2<br>
3<br>
</div>
</BODY>
</HTML>