Inércia Sensorial

26 de October de 2005

IFrame em CSS

Filed under: CSS — inerte @ 13:21

Barra de rolagem em uma caixa, com CSS. Parece IFrame mas não é 🙂

Basta usar o estilo:

1
2
3
4
#id{
height:50px;
width: 200px;
overflow:auto;

Por exemplo:

1
2
3
4
5
6
7
8
9
<div style="height:50px;width: 200px;overflow:auto;">
Ipsem Lorem, com texto aleatório.
Ipsem Lorem, com texto aleatório. 
Ipsem Lorem, com texto aleatório. 
Ipsem Lorem, com texto aleatório. 
Ipsem Lorem, com texto aleatório. 
Ipsem Lorem, com texto aleatório. 
Ipsem Lorem, com texto aleatório.
</div>

Resultado final:

Ipsem Lorem, com texto aleatório.
Ipsem Lorem, com texto aleatório.
Ipsem Lorem, com texto aleatório.
Ipsem Lorem, com texto aleatório.
Ipsem Lorem, com texto aleatório.
Ipsem Lorem, com texto aleatório.
Ipsem Lorem, com texto aleatório.

E você pode trocar a unidade pixel no width pela porcentagem.

1 Comment »

  1. VAleeeu =)

    Comment by Caio — 05 de September de 2008 @ 01:44

RSS feed for comments on this post. TrackBack URL

Leave a comment

Powered by WordPress