This should be a fixed-width div with a paragraph inside, flush against the right hand side. This is correctly rendered in IE5/Mac but there is still a horizontal scrollbar, even when it is the only thing on the page.
This should be a fluid-width div flush against the left hand side and
right:250px
. It is rendered incorrectly: shrinking to fit its
content if there is no block element inside it, or stretching across the
whole viewport if it does contain a block element.
This should be a fluid-width div flush against the left hand side. It has
margin-right:250px
instead of right:250px
, and
this seems to fix the problems of the previous DIV. You also need right:0px;
to make sure it’s right in Mozilla.
Finally, this is a div with both left
and right
set. (You’ll need your browser window at least 600px wide to be able to see
much.) IE 5 gets this wrong, putting the right edge of the div at the right
edge of the screen, while OmniWeb makes the div the same width as the viewport,
pushing it out over the edge of the screen.