Divide pixels by 13 for ems. Use this -- to the thousandth's place -- for conforming browsers. For other browsers divide pixels by 13.333. Hide this secondary value behind a star-property parsing exploit (or filter).
For example, for a page width of 610px:
<style>
#my-page-width {
width: 46.923em; /* conforming browsers first (610/13) */
*width: 45.750em; /* then to other browsers (610/13.3333) */
}
</style>
Thanks,
Nate
On Mar 10, 2008, at 7:53 PM, howard chen wrote:
Hi Nate,
Thanks for your answer.
Final question: How do you come up with the magic value for IE *width, i.e. "0.9759" ?
Howard
On Mon, Mar 10, 2008 at 6:01 PM, Nate Koechley <natek@...> wrote:
Hey Howard,
1) Yes, this is the right place to ask about all things YUI, including the
CSS Foundation.
2) Base is a convenience file that puts back -- in a normalized way -- some
of the stuff that Reset takes away. You can use it anywhere you please, but
often it is redundant since it's unlikely that the font size it defines for
headers, for instance, is the exact size your project calls for.
Many people use Base as a "snippets library" to see, for example. how to put
bullets back on unordered list items.
Other people use Base when they want readable basic HTML. Sometimes I take
write or take notes in HTML format, and find it useful to add Base to the
page for a simple readable format.
3) This isn't supported feature, but because it's CSS you, of course, able
to overwrite the declarations. The "preset templates" use "negative margins"
Hello, Some questions about YUI CSS, 1. Is this group (ydn-javascript) the right place for asking Grid CSS questions? I can't find any other place... 2. When...
Hey Howard, 1) Yes, this is the right place to ask about all things YUI, including the CSS Foundation. 2) Base is a convenience file that puts back -- in a...
Hey Howard, I've simplified it: Divide pixels by 13 for ems. Use this -- to the thousandth's place -- for conforming browsers. For other browsers divide pixels...
Hi Nate, ... Yes, this is more clear, thanks. One more question: I really appreciated the way Grid CSS divide the left and the right regions not just using...
Hey, ... If you're talking about the "template preset" part of Grids, for instance .yui-t1 that controls the two .yui-b's, that technique is commonly referred...
This is correct: http://tech.groups.yahoo.com/group/ydn-javascript/message/27139 The site and documentation will by updated to conform to that newer ...
... Hi Nate, So you mean current 2.5.0 build of YUI is already outdated? E.g. in the 2.5.0 grid.css width:57.69em; *width:56.301em; min-width:750px; If refer...
Hi, when I asked the author of YAML (not sure if you know this CSS framework, IMO it is a very sophisticated one) about what he thinks are the biggest...
Hey Klaudiusz, YUI provides flexible percentage-based layouts. And layouts tied to font-size instead of viewport size. And combo layouts. How? There are three...
Hi Nate, I think you already answered more or less a similar question here: http://tech.groups.yahoo.com/group/ydn-javascript/message/25024 "It should be...
I think I get it now: 1. case – two fix columns on the right and left: e.g. left and right columns fix with a width of 180px: here I have to nest "yui-t4"...
Hi Nate, could you have a look on this example: http://www.szatanik.eu/js/yui_2.5.0/examples/_tests/_1d.html Besides there's a bug (the right column falls down...
I think I get it now: 1. case – two fix columns on the right and left: e.g. left and right columns fix with a width of 180px: here I have to nest "yui-t4"...
Ooops, this is an answer I send with my mail app (mac osx) maybe 2 days ago and finally it arrived. Strange, isn't it? That day I realized that my question...