My OperaYou need to be logged in to post in the forums. If you do not have an account, please sign up first.
height: 100% on vertical liquid layout: Opera 10.53 fail to resize when I resize the browser
<style type="text/css">
html, body {
min-height:100%;
height:auto!important;
height:100%;
margin: 0px auto;
background-color: #FFF;
line-height: 1;
color: #000;
}
...
#frame {
width: 1024px;
min-height: inherit;
height: inherit;
margin: 0px auto;
}
...
</style>
</head>
<body>
<div id="frame">
...
</div>
</body>
</html>
When I try to resize the window of the browser the frame of the page remain the same, I must manually refresh the page to adapt it. Same thing if I minimize or expand tabs bar. Only Opera 10.53 has this problem: Internet Explorer 8, Firefox 3.6.3, Chrome 4.1.249 and Safari 4 all render correctly the page on the window resize.
I googled this problem and I found some "hacks" and tricks but no-one seem to work.
The rest of the CSS code seems to be correct, quite perfect (it fail CSS 2.1 validation 'cause I use the border-radius, it pass the CSS 3 validator).
So, is there a trick or an hack for this, or it's a bug?
Sorry for my poor English .-.
Forums » General Opera topics » Opera and cross-browser Web design