[css-d] IE/6 IE/7 nav line-height
In this test page, the only way I've been able the keep the last two links from gaining height is to assign a line-height /in pixels/ to #nav ul for the IEs (and they still look a little whacked (taller) to me. Anyone up for an explanation and/or better fix for this little mystery? uri (css embedded): http://www.chelseacreekstudio.com/ca/cssd/nav.html -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE/6 IE/7 nav line-height
David Laakso wrote: In this test page, the only way I've been able the keep the last two links from gaining height is to assign a line-height /in pixels/ to #nav ul for the IEs (and they still look a little whacked (taller) to me. Anyone up for an explanation and/or better fix for this little mystery? uri (css embedded): http://www.chelseacreekstudio.com/ca/cssd/nav.html Hi David-- It appears to be connected to your font-variant:small-caps declaration. If I had to guess, I would suppose Windows doesn't have a way to translate the non-breaking space into some lower-case/lower-height version of itself, so it doesn't translate the space into anything, but leaves it the same height as a font-variant:normal character. This obviously pushes the height of the box to make room for the taller character. I couldn't find a work-around beyond specifying the line-height in pixels as you'd done. Hope it helps. --Bill -- ~~~ TheHolierGrail.com | MacNimble.com | Cyber-Sandbox.com | Anytowne.com Bill Brown, Web Developer - From dot concept to dot com since 1999 The intuitive mind is a sacred gift and the rational mind is a faithful servant. We have created a society that honors the servant and has forgotten the gift. -- Albert Einstein ~~~ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE/6 IE/7 nav line-height
Bill Brown wrote: David Laakso wrote: In this test page, the only way I've been able the keep the last two links from gaining height is to assign a line-height /in pixels/ to #nav ul for the IEs (and they still look a little whacked (taller) to me. Anyone up for an explanation and/or better fix for this little mystery? uri (css embedded): http://www.chelseacreekstudio.com/ca/cssd/nav.html Hi David-- It appears to be connected to your font-variant:small-caps declaration...] I couldn't find a work-around beyond specifying the line-height in pixels as you'd done. --Bill Yeah, the small-caps is not my call. Thanks. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE/6 IE/7 nav line-height
Bill Brown wrote:
David Laakso wrote:
In this test page, the only way I've been able the keep the last two
links from gaining height is to assign a line-height /in pixels/ to #nav
ul for the IEs (and they still look a little whacked (taller) to me.
[...]
http://www.chelseacreekstudio.com/ca/cssd/nav.html
It appears to be connected to your font-variant:small-caps declaration...
I couldn't find a work-around beyond specifying the line-height in
pixels as you'd done.
It's an interesting behavior ;-)
I too couldn't find any better workaround. If the markup is under your
control, you could wrap the spaces in a span, like:
webspan#160;/spandesign
and then declare for IE
#nav ul li a span { font-size: 0.7em; }
Not particularly nice...
Bruno
--
Bruno Fassino http://www.brunildo.org/test
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE/6 IE/7 nav line-height
Bruno Fassino wrote:
Bill Brown wrote:
David Laakso wrote:
In this test page, the only way I've been able the keep the last two
links from gaining height is to assign a line-height /in pixels/ to #nav
ul for the IEs (and they still look a little whacked (taller) to me.
[...]
http://www.chelseacreekstudio.com/ca/cssd/nav.html
It appears to be connected to your font-variant:small-caps declaration...
I couldn't find a work-around beyond specifying the line-height in
pixels as you'd done.
It's an interesting behavior ;-)
I too couldn't find any better workaround. If the markup is under your
control, you could wrap the spaces in a span, like:
webspan#160;/spandesign
and then declare for IE
#nav ul li a span { font-size: 0.7em; }
Not particularly nice...
Bruno
Interesting? Nah. More like my sister: twisted. I have no control over
the markup (or use of small-caps).
Thanks.
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE/6 IE/7 nav line-height
On Fri, Aug 29, 2008 at 10:45 PM, David Laakso wrote:
http://www.chelseacreekstudio.com/ca/cssd/nav.html
Interesting? Nah. More like my sister: twisted. I have no control over the
markup (or use of small-caps).
So you cannot reset small-caps (for IE only) and use something like:
#nav ul li a {
font-variant: normal;
text-transform: uppercase;
font-size: 0.75em;
}
The problem would disappear and the look would be the same (I don't
think there exist common fonts with real small-caps, so what you get
are anyway uppercases in a smaller size, someone will correct me if
I'm wrong...)
Bruno
--
Bruno Fassino http://www.brunildo.org/test
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE/6 IE/7 nav line-height
Bruno Fassino wrote:
On Fri, Aug 29, 2008 at 10:45 PM, David Laakso wrote:
http://www.chelseacreekstudio.com/ca/cssd/nav.html
Interesting? Nah. More like my sister: twisted. I have no control over the
markup (or use of small-caps).
So you cannot reset small-caps (for IE only) and use something like:
#nav ul li a {
font-variant: normal;
text-transform: uppercase;
font-size: 0.75em;
}
The problem would disappear and the look would be the same (I don't
think there exist common fonts with real small-caps, so what you get
are anyway uppercases in a smaller size, someone will correct me if
I'm wrong...)
Bruno
Granted.
My original proposal for all browsers was fake small-caps for all
browsers like so (no problem in any browser, no line-height needed).
#nav ul li a {
text-transform: uppercase;
font-size: 80%;
}
However, the person it is being done for still lives and breathes hot-metal
(literally). He's gonna have small-caps even if it means defying reality to get
'em.
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE/6 IE/7 nav line-height
David Laakso wrote:
Bruno Fassino wrote:
On Fri, Aug 29, 2008 at 10:45 PM, David Laakso wrote:
http://www.chelseacreekstudio.com/ca/cssd/nav.html
Interesting? Nah. More like my sister: twisted. I have no control over the
markup (or use of small-caps).
So you cannot reset small-caps (for IE only) and use something like:
#nav ul li a {
font-variant: normal;
text-transform: uppercase;
font-size: 0.75em;
}
The problem would disappear and the look would be the same (I don't
think there exist common fonts with real small-caps, so what you get
are anyway uppercases in a smaller size, someone will correct me if
I'm wrong...)
Bruno
Granted.
My original proposal for all browsers was fake small-caps for all
browsers like so (no problem in any browser, no line-height needed).
#nav ul li a {
text-transform: uppercase;
font-size: 80%;
}
However, the person it is being done for still lives and breathes hot-metal
(literally). He's gonna have small-caps even if it means defying reality to
get 'em.
would it be possible to get the exact small-caps face that the client
wants and use that name as the first one in the font-face list? would
something like
font-face {
Fontin Sans small-caps, arial, sans-serif
}
be acceptable?
Sandy
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE/6 IE/7 nav line-height
http://www.chelseacreekstudio.com/ca/cssd/nav.html
would it be possible to get the exact small-caps face that the client
wants and use that name as the first one in the font-face list? would
something like
font-face {
Fontin Sans small-caps, arial, sans-serif
}
be acceptable?
Sandy
Thanks.
Anything is possible. What is acceptable is a matter of opinion...
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
