15 octubre 2009

prueba de DIV con scroll

Este pedazo de codigo permite poner una caja (DIV) de tamaño determinado y si el contenido no cabe, aparece una barra de dezplazamiento para poder vizualizarlo completo.
Esto me encanto porque intento poner una imagen muy grande pero tampoco quiero deformar la presentacion de blog, asi que si todo resulta bien lo incluire como codigo interno de la pagina.
el codigo es el siguiente.

< div style="border :
solid 2px #0000FF;
background : #eee9e9;
color : #000000;
padding : 4px;
width : 500px;
height : 50px;
overflow : auto;
" >

1< br / >
2< br / >
.
.
.
10< br / >
</ div >

Los renglonmes se explican a si mismo, hay que definir el borde, el fondo, el color del texto, los margenes,alcho, alto y por ultimo la opcion de overflow que le indica al navegador que hacer con el contenido en caso de que sea mas grande que el DIV segun sea el caso, coloca las barras solo si las necesita. Y la cuenta hasta el 10 termina siendo asi 

1
2
3
4
5
6
7
8
9
10

No hay comentarios:

Publicar un comentario

Coopera con el blog agregando tu propia opinión al respecto.
Gracias