Ingo Chao wrote:
> Getting out of practice.
> Does Opera/Mac up to 10.10 has a bug with percentage min-height?
> (not in 10.5 pre-alpha anymore)
>
> http://satzansatz.de/op/minheight.html
>
> And display:inline-block (or float) seems to fix it for a moment, just
> to break again with a width?
>
> <!DOCTYPE html>
> <html>
> <head>
> <title>min-height</title>
> <style type="text/css">
> html, body {
> margin: 0;
> padding: 0;
> height: 100%;
> }
> div {
> background: red;
> min-height: 100%;
> /* display: inline-block; */
> /* width: 100%; */
> }
> </style>
>
> </head>
> <body>
> <div>This red area should fill the screen</div>
> </body>
> </html>
>
Opera Version
10.10
Build
6790
Platform
Mac OS X
Browser identification
Opera/9.80 (Macintosh; Intel Mac OS X; U; en) Presto/2.2.15 Version/10.10
div {
background: red;
min-height: 100%;
/* display: inline-block; */
/* width: 100%; */
}
<http://chelseacreekstudio.com/ca/cssd/a.png>
div {
background: red;
min-height: 100%;
display: inline-block;
/* width: 100%; */
}
<http://chelseacreekstudio.com/ca/cssd/b.png>
div {
background: red;
min-height: 100%;
display: inline-block;
width: 100%;
}
<http://chelseacreekstudio.com/ca/cssd/c.png>
Note: In Opera I default to a fuchsia screen and minimum font-size 32px.
Best,
~d
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
