W3C home > Mailing lists > Public > www-style@w3.org > July 2012

RE: [css3-box] padding: auto

From: Arron Eicholz <Arron.Eicholz@microsoft.com>
Date: Tue, 17 Jul 2012 01:55:46 +0000
To: Lea Verou <leaverou@gmail.com>, Brad Kemper <brad.kemper@gmail.com>
CC: www-style list <www-style@w3.org>
Message-ID: <180A6BAFC96CE3459AE871343399CB0F25D91EF5@BL2PRD0310MB373.namprd03.prod.outlook.com>
On Monday, July 16, 2012 6:45 PM Lea Verou wrote:
> Did you take a look at the examples I listed? 
> I'm talking about the case where multiple different backgrounds are required
> for multiple sections of the document and the author wishes to apply this 
> kind of effect. Obviously, it's trivial to apply this effect to the entire page.
>
> Lea Verou (http://lea.verou.me | @LeaVerou)
>
> On Jul 16, 2012, at 18:30, Brad Kemper wrote:
>
> HTML already has two elements per page to work with, so that you can acheive 
> that effect with something like this:
>
> <style> 
> html { 
>     background: -webkit-linear-gradient(black,white);
>     /* or whatever */ 
>     min-height: 100%;
> } 
> body { 
>     background:white; 
>     border:1px solid red; 
>     margin:10 auto; 
>     max-width: 40em; 
>     min-height:30em;
> } 
> </style>
>
> I don't know why the auto margins don't seem to work in standards mode. At least, not in webkit. It does work in quirks mode quite well. 

The problem you are seeing with webkit not working in standards mode is you have a bug in your 'margin' value.

Standards mode needs to have units on values "margin:10 auto;"  should be "margin:10px auto;". 

--
Thanks,
Arron Eicholz
Received on Tuesday, 17 July 2012 01:56:26 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:56 GMT