Fixed size box with scroll bars

pre {

background-color:#FDFDFD;
font: 1.0em ‘Courier New’, Courier, Fixed;
overflow: auto;
line-height: 1em;
width: 640px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 10px;
padding: 5px;
text-align: left;

Scroll bars only appear when you hover

pre {

background-color:#FDFDFD;
font: 1.0em ‘Courier New’, Courier, Fixed;
overflow: hidden;
line-height: 1em;
width: 640px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 10px;
padding: 5px;
text-align: left;

}

pre:hover{

overflow: auto;

}

Feel free to comment if you can add help to this page or point out issues and solutions you have found. I do not provide support on this site, if you need help with a problem head over to stack overflow.

Comments

Your email address will not be published.