padding and margin units
in [CSS]
|
From: shapper on 5 May 2008 20:54 Hello, I always use EM for text size, letter spacing and line heights. For DIV widths I usually use PIXELS if fixed width web site and PERCENT if fluid layout web site. I think in both cases I am doing the right thing ... I think. But what unit should I use for padding and margin? EM? PIXEL? Thanks, Miguel
From: dorayme on 5 May 2008 21:05 In article <195ae751-1de2-43f6-b81a-a3b90e07f3ee(a)b64g2000hsa.googlegroups.com>, shapper <mdmoura(a)gmail.com> wrote: > Hello, > > I always use EM for text size, letter spacing and line heights. You should at least stop doing this in the case of line-height. > For DIV widths I usually use PIXELS if fixed width web site and > PERCENT if fluid layout web site. > > I think in both cases I am doing the right thing ... I think. > If you use fixed width of px for a div and the content is wider than the div, it will look ugly and/or broken > But what unit should I use for padding and margin? EM? PIXEL? > It depends on the context. Post a url of something you are unsure about. -- dorayme
From: Jukka K. Korpela on 6 May 2008 02:22 Scripsit shapper: > I always use EM for text size, letter spacing and line heights. Good for you and your visitors, if you use reasonable values. However, line-height is best set as a pure number, for inheritance-related technical reasons. > For DIV widths I usually use PIXELS if fixed width web site Why would you suddenly spoil everything and set a fixed width in pixels? Suppose you set a width of 800 pixels; how many characters will fit in, horizontally? The only correct answer is "I don't know" or "It depends". > But what unit should I use for padding and margin? EM? PIXEL? The answer is obvious if you think _why_ you use the em unit for text size and related matters, assuming you understand the reason and aren't just following some guideline without knowing why. -- Jukka K. Korpela ("Yucca") http://www.cs.tut.fi/~jkorpela/
From: shapper on 6 May 2008 09:55 On May 6, 2:05 am, dorayme <doraymeRidT...(a)optusnet.com.au> wrote: > In article > <195ae751-1de2-43f6-b81a-a3b90e07f...(a)b64g2000hsa.googlegroups.com>, > > shapper <mdmo...(a)gmail.com> wrote: > > Hello, > > > I always use EM for text size, letter spacing and line heights. > > You should at least stop doing this in the case of line-height. > > > For DIV widths I usually use PIXELS if fixed width web site and > > PERCENT if fluid layout web site. > > > I think in both cases I am doing the right thing ... I think. > > If you use fixed width of px for a div and the content is wider than the > div, it will look ugly and/or broken > > > But what unit should I use for padding and margin? EM? PIXEL? > > It depends on the context. Post a url of something you are unsure about. > > -- > dorayme "You should at least stop doing this in the case of line-height." Yes, I understood that one hour ago. It also seems the CSS validator has some problems with unitless values so I need to use 1.0 instead of 1. Thanks, Miguel
From: shapper on 6 May 2008 10:01
On May 6, 7:22 am, "Jukka K. Korpela" <jkorp...(a)cs.tut.fi> wrote: > Scripsit shapper: > > > I always use EM for text size, letter spacing and line heights. > > Good for you and your visitors, if you use reasonable values. However, > line-height is best set as a pure number, for inheritance-related > technical reasons. > > > For DIV widths I usually use PIXELS if fixed width web site > > Why would you suddenly spoil everything and set a fixed width in pixels? > Suppose you set a width of 800 pixels; how many characters will fit in, > horizontally? The only correct answer is "I don't know" or "It depends". > > > But what unit should I use for padding and margin? EM? PIXEL? > > The answer is obvious if you think _why_ you use the em unit for text > size and related matters, assuming you understand the reason and aren't > just following some guideline without knowing why. > > -- > Jukka K. Korpela ("Yucca")http://www.cs.tut.fi/~jkorpela/ Yes, I understand the reason ... with EM when text size increases so it will the padding and margin. About the fluid versus fixed ... in the web site I am building I have two requirements: 1. The web site has a flash movie which should expand all width of the layout. To be honest I don't know if a Flash movie should be expanded or not. 2. The web site must display flash papers documents online. I need to display the Flash Paper documents with at least 800px width. Again I also don't know if I should make the design fluid with Flash documents in it. These are the reasons why I am using Fixed Layout instead of Fluid Layout. Not sure if I am taking the right option but ... Anyway, any suggestion is welcome. I have been always reading about Elastic layouts. Does everyone use it? Thanks, Miguel |