IWETHEY v. 0.3.0 | TODO
1,095 registered users | 0 active users | 0 LpH | Statistics
Login | Create New User
IWETHEY Banner

Welcome to IWETHEY!

New Sorry, I have this conversation with my graphic artist a lot
He's stuck in the print world: hard-codes page widths on web pages, etc.

My standards, in order of preference:

1) Use percents or ratios. Print layout people are trained very well to override this with a ruler, but it is the natural layout vocabulary. If you look at a newspaper, most people immediately recognize that it has two, three, or four columns, or that the ads are 1/4 page. They don't know (and don't care) that 1/2 of the page equals 6.32 inches. Since we have techniques built into CSS to do this math automatically, use them.

2) Use relative length units. To quote CSS2:
There are two types of length units: relative and absolute. Relative length units specify a length relative to another length property. Style sheets that use relative units will more easily scale from one medium to another (e.g., from a computer display to a laser printer).

Relative units are:

em: the 'font-size' of the relevant font
ex: the 'x-height' of the relevant font
px: pixels, relative to the viewing device

These are to be preferred when the primary content is textual, the most common case for Web documents. Since you are already defining your font size, whether in relative or absolute units (and I prefer em's), you chain the rest of your display (which usually bounds that textual content) to those sizes by keeping things relative.

3) Absolute units: again a quote from CSS2:
Absolute length units are only useful when the physical properties of the output medium are known. The absolute units are:

in: inches -- 1 inch is equal to 2.54 centimeters.
cm: centimeters
mm: millimeters
pt: points -- the points used by CSS2 are equal to 1/72th of an inch.
pc: picas -- 1 pica is equal to 12 points.

'Nuff said. I only use absolute units on "@media print" sections.

Not only does the above prioritization allow you to scale better on a vast range of clients, but it allows the user to make small changes (like enlarging the font size using a browser preference) with global, yet unconflicting effects.

Many fears are born of stupidity and ignorance -
Which you should be feeding with rumour and generalisation.
BOfH, 2002 "Episode" 10
New Again, open to suggestions...
By which I mean, if you have some specific text for me to try out, I'll stick it in and try it out. As it is, I know very little about CSS and don't really have the time right now to research it. :-)
Regards,

-scott anderson

"Welcome to Rivendell, Mr. Anderson..."
New Ah. Will do. And test. And provide. Gimme a minute

Many fears are born of stupidity and ignorance -
Which you should be feeding with rumour and generalisation.
BOfH, 2002 "Episode" 10
New Thankee sai.
Regards,

-scott anderson

"Welcome to Rivendell, Mr. Anderson..."
New Quick fix.
Seems to provide identical behavior on Moz 1.3 and IE 5.0 to what we already have (give or take a pixel). Difference being that Moz adds margins and IE doesn't. But that's how it was anyway.

  <style type="text/css">\n<!--\nbody { font-size: 100%; font-family: verdana; }\ntd { font-size: 90%; font-family: verdana; }\nh4 { font-size: 80%; font-weight: bold; }\nUL {\n   LIST-STYLE-TYPE: disc;\n   MARGIN-LEFT: 1em;\n}\nOL {\n   MARGIN-LEFT: 1em;\n}\nLI { MARGIN-LEFT: 1em }\n\ni { font-style : italic; }\n.m { font-size: 80%; }\n.odd { background-color: #E6E8fA; }\n.even { background-color: #ffffff; }\n--> </style>

Many fears are born of stupidity and ignorance -
Which you should be feeding with rumour and generalisation.
BOfH, 2002 "Episode" 10
New Modified, and thanks.
How does it look?
Regards,

-scott anderson

"Welcome to Rivendell, Mr. Anderson..."
New 1.4em appoximates 0.5cm
The percentages would be nicer, but they don't work for the indentation.
     FWIW - (jbrabeck) - (23)
         Me too. - (altmann)
         Not much I can do about browser bugs... -NT - (admin) - (21)
             'k. Only use MSIE at work. (Mandated). Just a FYI. -NT - (jbrabeck)
             Possible fix? - (ChrisR) - (15)
                 I'll give it a try. - (admin) - (12)
                     That works - (deSitter)
                     Think we discussed it previously... - (ChrisR)
                     What's a "cm"? - (tseliot) - (9)
                         Open to suggestions... -NT - (admin) - (8)
                             Another way - (ChrisR)
                             Sorry, I have this conversation with my graphic artist a lot - (tseliot) - (6)
                                 Again, open to suggestions... - (admin) - (5)
                                     Ah. Will do. And test. And provide. Gimme a minute -NT - (tseliot) - (3)
                                         Thankee sai. -NT - (admin) - (2)
                                             Quick fix. - (tseliot) - (1)
                                                 Modified, and thanks. - (admin)
                                     1.4em appoximates 0.5cm - (ChrisR)
                 Re: Possible fix? - (deSitter) - (1)
                     Works until... - (ChrisR)
             Tank U, Tank Ewe, Tank you. - (jbrabeck) - (3)
                 Thank the people with the fixes. - (admin) - (2)
                     Okee Dokee... - (jbrabeck) - (1)
                         Take out the trash or you don't get to eat - (Steve Lowe)

I like when things catch fire and explode, which means I do not have your best interests in mind.
144 ms