Dear all,
I have a rather (I think) interesting problem. The effect I would like to
create is for 'right' and 'left' when using positioning to fix the corner of
the border, not the content box (and using semantic markup, i.e. a single
div).
The layout I have at the moment achieves the effect perfectly, but uses two
divs, so I will put it here so you can see what I am after.
<div id="main">
<div id="wrapper>
....
</div></div>
#main {
position: fixed;
overflow: auto;
left: 200px; /* leave space for a sidebar */
top: 200px; /* for a header */
right: 0;
bottom: 100px; /* for a footer */
background: url(back.png) 40em 0 repeat-y;
}
#wrapper {
max-width: 40em;
}
Basically, I want to restrict the width of the text to 40em maximum (for
readability) but still have the scrollbar on the right (usability). In the
space (if any) between the content and the scrollbar, my design requires me
to paint a fill.
I realise this is a slightly unusual design, and my current solution works
fine, but I have been puzzling over this for a while and can't think of any
CSS2 tricks for this (this could become very easy though in CSS3 if the
box-sizing changes the positioning 'left' and 'right' to be not relative to
the content box, but the border box).
Thanks,
Nicholas
______________________________________________________________________
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/
