Forum Moderators: not2easy
<style type="text/css">
body {
height:100%;
background-color: transparent;
background: url(../Images/bg.png);
background-repeat: repeat;
cursor:crosshair
}
a:hover {
background:url('')!important;
cursor:crosshair!important;
text-decoration:none!important;
color:#535252!important;
}
#background {
margin-left: auto;
margin-right: auto;
width: 550px;
height:160px;
background-color:transparent;
background-image: url(../Images/background.png);
}
#links {
margin-left: 23px;
width:513px;
height: 100%;
background-color:transparent;
}
#content {
margin-top: auto;
margin-left: auto;
margin-right: auto;
top:169px;
width: 552px;
height:100%;
background-image: url(../Images/page.png);
background-repeat: repeat-y;
}
.frame {
margin-top:0px;
margin-left: 23px;
width:513px;
background-color:transparent;
}
</style>
</head>
<!-- iframe layout -->
<body>
<div id="background">
<div id="links">
<a href="home.html" target="Main"><img src="../Images/home.png" border="0" alt=""></a>
<a href="about.html" target="Main"><img src="../Images/about.png" border="0" alt=""></a>
</div>
</div>
<div id="content">
<iframe class="frame" src="home.html" name="Main" scrolling="auto" frameborder="0">
</iframe>
</div>
<!-- user html end -->
</body>
if not i at least want it to stop auto resizing at a certain height.
If it's not that you want, you might just be wanting a min-height? IE6 doesn't support it though, so you would have to use a javascript workaround, but if you want the div to fit the window until a minimum of n lines (use em), or n pixels, then that's all you need.
