Hi Everyone
I am trying to creat a CSS frameset with a fixed size header and a main body that spans the rest of the page.
As I have written it, the code works perfectly in IE6, However I get window clipping in Fire Fox. The vertical scroll bar of the main body region spans past the border of the browser window. I simply do no know why but I must be able to resolve this cross broweser.
Please HELP! Any feedback would be greatly appreciated.
<html>
<head>
<style>
html {overflow-y: hidden; }
body{margin:0; padding:0; overflow: hidden;}
#container {float: left; overflow: auto; height: 100%; width: 100%; Padding: 100px 0 0 0;}
#top{height:100px; background:#f00; margin: -100px 0 0 0; }
#bottom { height: 100%; width: 100%; background: #00f; float: auto; }
</style>
<title>Sample TLR in CSS </title></head>
<body>
<div id=”container”>
<div id=”top”>Top Frame. header</div>
<div id=”bottom”>
<iframe name=”I1″ src=”
border=”0″ frameborder=”0″>
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe></div></div>
</body>
</html>