GraysUnderground.com » CSS http://www.graysunderground.com Gray's Tech Blog Thu, 20 May 2010 17:31:11 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 A scrollable Div http://www.graysunderground.com/2007/06/16/a-scrollable-div/ http://www.graysunderground.com/2007/06/16/a-scrollable-div/#comments Sat, 16 Jun 2007 17:35:03 +0000 Gray http://www.graysunderground.com/?p=9 Well I was asked if I could out content in a window that was scrollable without using an iframe. I personally dislike iframes so I was happy to oblige. Its actually quite a simple task when you get down to it, so lets get started.

1. Create your div.

<div>Paragraph or two of text here….</div>

2. Add the styles to the div.

<div style=”overflow:auto; width:200px; height:200px;”>Paragraph or two of text here….</div>

If you’re using a linked stylesheet or defining it in the header you would use this CSS:


div.scrollable {
width: 200px;
height: 200px;
overflow: auto;
}

]]> http://www.graysunderground.com/2007/06/16/a-scrollable-div/feed/ 1