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>
Thank you Ingo. This solves the problem of why my test with a sticky footer does not work in Opera 10.00 on XP / Win. <http://css-class.com/test/demos/sticky-footer1.htm> This is not a problem with positioning but min-height. To fix the bug with my test with the sticker footer in Opera, one must resize the viewport from a corner of the window. This re-flow causes Opera to work (footer is where it should be). Testing your test case by the same method by causing re-flow fixes your test case and min-height works in Opera. Opera 9.25 also shows a related problem with your test case if the bottom of the window is dragged down (reveals color of HTML). The fix again, one must resize the viewport from a corner of the window to cause re-flow. -- Alan http://css-class.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/
