attachment

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 11 (filtered medium)">  <style>  </style> </head> <body lang=EN-US link=blue vlink=blue> <div class=Section1> Hi Melinda,<o:p></o:p> <o:p> </o:p> This is very helpful.  At first blush I’m inclined to agree with all your suggestions.<o:p></o:p> <o:p> </o:p> I would like to raise 2 related issues for discussion by the group:<o:p></o:p> <o:p> </o:p> <ol style='margin-top:0in' start=1 type=1> <li class=MsoNormal style='color:navy;mso-list:l1 level1 lfo3'>When a property and its equivalent attribute are specified, which one wins?  I don’t recall seeing this anywhere, but maybe I missed it.<o:p></o:p></li> </ol> <o:p> </o:p> <ol style='margin-top:0in' start=2 type=1> <li class=MsoNormal style='color:navy;mso-list:l1 level1 lfo3'>When a printer has nonprintable margins, how should we handle them (assuming they exceed the applicable page/body margins)?  One approach is to simply clip the content, but this seems to me to run against the spirit of “content is king”.  Another approach would be to shrink to fit so that the inside-the-margins area is shrunk slightly and perhaps shifted to fit inside the physically printable area.  The algebra is a little tricky when we are also shrinking to fit a smaller page size, but I think this could be solved.<o:p></o:p></li> </ol> <o:p> </o:p> I’m wondering what people think about these, and whether we should try to decide them and publish the answer somewhere.  If there is interest in shrink-to-fit for #2, I can write up a more specific proposal.<o:p></o:p> <o:p> </o:p> Cheers,<o:p></o:p> Elliott<o:p></o:p> <o:p> </o:p> <o:p> </o:p> <div> <div class=MsoNormal align=center style='text-align:center'> <hr size=2 width="100%" align=center tabindex=-1> </div> From: owner-xp@pwg.org [mailto:owner-xp@pwg.org] On Behalf Of Grant, Melinda Sent: Wednesday, September 20, 2006 4:49 PM To: xp@pwg.org Subject: XP> Margins, borders, padding, and backgrounds<o:p></o:p> </div> <o:p> </o:p> <div> From HP's perspective (and I think we're not alone), the CSS specification is difficult to interpret with respect to how margins, borders, padding, and backgrounds work when applied to the <body> and <html> elements.  Recently we have learned that the CSS3 Paged Media module is not clear on how the same properties used within an @page context should interact with the html properties.<o:p></o:p> </div> <div>  <o:p></o:p> </div> <div> I'd like to share my new-and-improved understanding based on discussions within the CSS WG: ;-)<o:p></o:p> </div> <ul type=disc> <li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; mso-list:l2 level1 lfo1'>First, there are html attributes and there are css properties.  In html, the body element has a bgcolor attribute, but the html element does not.  For XHTML documents, the UA (printer) must convert the body bgcolor attribute into an equivalent printer style rule: So <body bgcolor="red"> gets converted into the printer stylesheet rule: body {background-color: red}.  (This gets a bit more complicated for HTML documents, but we don't need to go there.)  This printer stylesheet rule will be overridden by an author stylesheet rule, should one exist. See <a href="http://www.w3.org/Style/Group/css2-src/cascade.html#q13">http://www.w3.org/Style/Group/css2-src/cascade.html#q13</a>. <o:p></o:p></li> <li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; mso-list:l2 level1 lfo1'>The body element is no different when it comes to CSS styling from any other element.  Backgrounds, margins etc behave just as they do for a div, for example. <o:p></o:p></li> <li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; mso-list:l2 level1 lfo1'>The html element is the root element.  It can also be selected with ':root'.  It is special, in that a background is applied to the margins as well as the content area.  This is because it 'paints the canvas', which is infinite.  The only way in XHTML to put a background in the html margin area and/or the body margin area is to use a background on the html element.  (See <a href="http://www.w3.org/TR/CSS21/colors.html#q2">http://www.w3.org/TR/CSS21/colors.html#q2</a>.) <o:p></o:p></li> <li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; mso-list:l2 level1 lfo1'>The attached file, 'margin-both.xhtml' when opened with Firefox, provides an example of how html and body edgings should be rendered.<o:p></o:p></li> </ul> <div> There are still some open questions about how @page properties work.  I am hoping to publish a new version within the next week or so that will resolve questions such as the following:  [My proposed answers are in brackets.]<o:p></o:p> </div> <ul type=disc> <li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; mso-list:l0 level1 lfo2'>Is a font property set within an @page rule applied to the page content area (unless overridden by properties set on elements rendered on the page), or just to the contents of the page margin boxes?  [Proposed Answer: Just to the margin boxes.] <o:p></o:p></li> <li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; mso-list:l0 level1 lfo2'>Do the html and page margins collapse? [no] <o:p></o:p></li> <li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; mso-list:l0 level1 lfo2'>Are html and body borders closed at the bottom of each page, or just at the end of the document? [Just at the end of the document] <o:p></o:p></li> <li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; mso-list:l0 level1 lfo2'>Does a background property set within an @page rule get applied to the page margins?  [Yes] To the page area unless obscured by html, body, or other backgrounds? [????, under discussion] <o:p></o:p></li> <li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; mso-list:l0 level1 lfo2'>On the last page of a document, do the html and body properties terminate immediately after the last content, or at the bottom of the page (e.g., do the html and body margins get drawn right below the last paragraph, or at the bottom of the page? [Immediately after content.] <o:p></o:p></li> <li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; mso-list:l0 level1 lfo2'>Similarly, on the last page, do the page bg, border, etc. extend to the bottom of the page, or terminate after the last content? [bottom of the page] <o:p></o:p></li> <li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; mso-list:l0 level1 lfo2'>Others?<o:p></o:p></li> </ul> <div> Best regards,<o:p></o:p> </div> <div>  <o:p></o:p> </div> <div> Melinda<o:p></o:p> </div>   _____  HP  -   Melinda Grant Connectivity Standards  Consumer Printing and Imaging +1 (541) 582-3681 melinda.grant@hp.com      _____ <o:p></o:p> <div>  <o:p></o:p> </div> </div> </body> </html>