Opera Positioning Bug Fixed

Opera 10.10 will not re-position a position:absolute/fixed; element as top:value; and bottom:value; or make an overflow:auto; scrollbar without a page reload.

The fix for this is actually quite simple - technically by the specifications there is actually nothing wrong with the behavior Opera exhibits with this, as the specification doesn't say BODY is position:relative, or that it even HAS a default height assigned to it. IF the parent element is neither of those, bottom shouldn't even work! Solution? Height:100% and position:relative on body just like you were making a min-height layout.

It still does not obey the resize though until you throw the 'holly hack' on an element inside the 'fixed' container. I'm not sure why what is supposed to be a bugfix for IE suddenly makes Opera behave, but it does. (kinda sad if you think about it)

Reduce viewport height to engage scrollbar and reposition absolute/fixed element.

Position:Fixed

This div is position:fixed in modern browsers and overflow:auto; is set to insure access to content at reduced viewport heights.

This div is position:fixed in modern browsers and overflow:auto; is set to insure access to content at reduced viewport heights.


html, body {
	positon:relative;
	height:100%:
}

#fixed {
  position:fixed;
  width:250px;
  top:80px;
  bottom:80px;
  overflow:auto;
  background:lime;
}

#fixed h2 {
	height:1%;
}