Hey,
I'm trying to wrap the whole page in some frames. If not enough
content is there, I want it to fill the entire screen (snap to the
browser chrome). Otherwise, it should expand to fit the content.
I know how to get this effect in the width, but not height-wise (which
IIRC always was a little iffy for CSS). I have the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd";>
<html id="index">
<head>
<title>stuff</title>
<style>
html, body {
padding:0;
margin:0;
height:100%;
width:100%;
}
html#index div#frameouter,
html#index div#frameinner {
margin:0;
width:auto;
height:auto;
border:1px solid blue;
}
html#index div#frameouter {
margin:2px;
padding:2px;
}
</style>
</head>
<body>
<div id="frameouter">
<div id="frameinner">
stuff
</div>
</div>
</body>
</html>
I'm thinking I can use dynamic properties in IE, and absolute pos in
Moz (& top+bottom+right+left:2px). But if some common solution could
be found, that worked for both browsers, that would be quite nice.
Also, I need it to work for Safari, and I can't recall how it handles
the Moz solution.
I checked the wiki, thinking this must be an often requested problem,
but I didn't see it listed.
Anyone have any good ideas or suggestions?
Regards,
Svend
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
