<div></div>

[pedrosalg]

Boas,

É assim, eu pus dentro de uma tabela um <div> </div> com tamanho fixo. O problema (como se pode ver na imagem) é que eu não queira que aparece-se a scrollbar horizontal, só queria a vertical. Só que ao haver necessidade de aparecer a vertical também aparece a horizontal.

Sabem como é que posso fazer??

http://img148.imageshack.us/img148/7975/screen9cz.gif

[TheDark]

Ali o overflow: auto parece-me bem...

http://www.quirksmode.org/css/overflow.html

[saramgsilva]

já agora ...para que ser o div... ja vi isso em muito lado...e já li mas nunca percebi  ?

[seesharptec]

Os elementos div e span foram criados com o HTML 4 com a finalidade de fornecer um mecanismo genérico para agrupar e dar estrutura aos documentos.

O elemento div é um container nível de bloco e span é um elemento inline.

Basicamente cria uma area rectangular no teu html onde podes conter outros elementos.

[Guest id194]

se colocares a largura um bocado maior a barra de scroll horizontal continua a aparecer?

[TheDark]

se colocares a largura um bocado maior a barra de scroll horizontal continua a aparecer?

Ele tem razão. Tinha-me parecido que uma delas estava desactivada. Só aumentando a largura é que isso desaparece. Se continuar a aparecer desactivada é que tens que utilizar o overflow:auto.

[pedrosalg]

se colocares a largura um bocado maior a barra de scroll horizontal continua a aparecer?

eu calculava que continuasse a aparecer, mas experimentei e confirmou-se.

É que a horizontal só aparece porque a ao aparecer a vertical esta ocupa espaço da página, e é esse espaço que a scrollbar horizontal desliza.

o código que tenho é o seguinte:

Na página:

    <td width="<?php echo $col_centro; ?>" colspan=2>

<div class="scroller"><?php mosMainBody(); ?></div>

    </td>

No CSS:

.scroller {

display:block;

position:relative;

width: 100%;

height: 325px;

margin:0;

padding:0px;

background:inherit;

color:inherit;

overflow:auto;

scrollbar-face-color:#B4B496;

scrollbar-shadow-color:#000000;

scrollbar-highlight-color:#FFFFFF;

scrollbar-3dlight-color:#FFFFFF;

scrollbar-darkshadow-color:#000000;

scrollbar-track-color:##E9E9D6;

scrollbar-arrow-color:#000000;

}

Já tentei alterar valores das margens de do padding mas nada...

[TheDark]

Mas nesse casso o assunto está resolvido... certo?

[pedrosalg]

Mas nesse casso o assunto está resolvido... certo?

Não, o que eu quis dizer é que o problema mantem-se e mostrei o codigo que estou a utilizar

[TheDark]

Ok... Então se bem percebi aumentaste a largura do div scroller e a barra horizontal continuou a aparecer?

[pedrosalg]

Ok... Então se bem percebi aumentaste a largura do div scroller e a barra horizontal continuou a aparecer?

mais ou menos isso... Não aumentei o div scroller mas mantive-o nos 100%, aumentei foi o tamanho da celula da tabela onde o div esta.

Tambem já experimentei reduzir o div scroller a 90% e menos mas o problema mantem-se sempre!!

[TheDark]

Se aumentaste o suficiente devia ter desaparecido  :bored:

[pedrosalg]

Já desisti de tentar resolver isto.

É que experimentei abrir a página com o Firefox e o problema não acontece!!!