Posted By

hxseven on 08/14/06

Tagged

Versions (?)

Last Edited at 08/14/06 04:31pm

Statistics

Viewed 1347 times

Favorited by 6 user(s)

Related snippets

Scrollable DIV-Box

/ Published in: CSS

Shows how to create a DIV box that is scrollable and looks like a IFRAME.

Highlighted TextExpand

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>example page</title>
    
    <style type="text/css" media="all">
    
        body {
            font-family: Verdana;
            font-size: 90%;
        }
        
        #scroll_box {
            border: 1px solid #ccc;
            height: 120px;    
            width: 400px;            
            overflow: auto;            
            margin: 1em 0;
        }
        
    </style>
</head>

<body>

<h1>Title</h1>
        
    <div id="scroll_box">
    <p>
        
        Put a long text in here. It will be scrollable.<br/>
        Put a long text in here. It will be scrollable.<br/>
        Put a long text in here. It will be scrollable.<br/>
        Put a long text in here. It will be scrollable.<br/>
        Put a long text in here. It will be scrollable.<br/>
        Put a long text in here. It will be scrollable.<br/>
        Put a long text in here. It will be scrollable.<br/>

</p>
    </div>
    
    <p>
        This content follows after the scrollable box.
    </p>

</div>

</body>
</html>

URL: http://codedump.jonasjohn.de/snippets/scrollable-div-box.htm

Report this snippet Tweet