<html> <head> <title>HTML.it</title> <style > body { background-color: #E0E0E0; color: #000000; margin: 2px; overflow: Hidden; } div { font: Normal 12px Verdana; } h1 { font: Bold 35px 'Times New Roman'; } #TOP { background-color: #008080; color: #FFFFFF; height: 10%; padding: 15px; overflow: Auto; } #LEFT { float: left; left:10%; width: 20%; height:=100% padding: 5px; overflow: visible; border: 1px; height: auto; color:#099; background-color:#33F; } #RIGHT { background-color: #FFFFFF; float: Left; top = 10%; width: 70%; height: 105%; padding: 5px; overflow: Auto; } </style> </head> <body> <div id="TOP"> <h1 align="center">FRAME TOP</h1> </div> <div id="LEFT"> <span>FRAME LEFT</span> <br> <span>FRAME LEFT</span><br> <span>FRAME LEFT</span><br> <span>FRAME LEFT</span><br> <span>FRAME LEFT</span> <br><span>FRAME LEFT</span> <br><span>FRAME LEFT</span> <br><span>FRAME LEFT</span> <br><span>FRAME LEFT</span> <br><span>FRAME LEFT</span> <br><span>FRAME LEFT</span> <br><span>FRAME LEFT</span> <br> </div> <div id="RIGHT"> <span> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> <br>FRAME RIGHT<br>FRAME RIGHT<br> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> </span> </div> <div id="RIGHT2"> <span style="color:#F60;"> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> FRAME RIGHT<br>FRAME RIGHT<br>FRAME RIGHT<br> </span> </div> </body> </html> |