[css-d] Inline list IE7 problem

2007-08-20 Thread David Boddie 
Hey everyone,

It's been a while since I posted. I'm having a weird problem with a 
inline list menu I'm building. The last li item seems to have 
something pushing it up about 2 pixels, thus throwing off all the 
padding and :hover. I've clipped it out and isolated it, but it 
stills seems to be doing the same thing. Could someone give me a fix 
or tell me what it's doing?

HTML file: http://www.uark.edu/depts/gradinfo/mockup/graduate4/menutest.html
CSS file: http://www.uark.edu/depts/gradinfo/mockup/graduate4/menutest.css

Thanks ahead,
Boddie

---
David Boddie, Webmaster, Graduate School
University of Arkansas | #6 Dickson Street Annex
Fayetteville, Arkansas 72701
Phone: 479-575-6184 | email: [EMAIL PROTECTED]
http://www.uark.edu/grad
--- 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Inline list IE7 problem

2007-08-20 Thread cj 
On 8/20/07, David Boddie [EMAIL PROTECTED] wrote:
 It's been a while since I posted. I'm having a weird problem with a
 inline list menu I'm building. The last li item seems to have
 something pushing it up about 2 pixels, thus throwing off all the
 padding and :hover. I've clipped it out and isolated it, but it
 stills seems to be doing the same thing. Could someone give me a fix
 or tell me what it's doing?

 HTML file: http://www.uark.edu/depts/gradinfo/mockup/graduate4/menutest.html

after running my tried-n-true method of keep deleting lines and
refreshing until ie gets it right, i found that ie7's problem is (at
least) with your font-variant: small-caps; rule.  i can't tell you
what ie7's hang up is, but the menu lines up again after deleting that
rule.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Inline list IE7 problem

2007-08-20 Thread David Boddie 
At 01:47 PM 8/20/2007, cj wrote:
On 8/20/07, David Boddie [EMAIL PROTECTED] wrote:
  It's been a while since I posted. I'm having a weird problem with a
  inline list menu I'm building. The last li item seems to have
  something pushing it up about 2 pixels, thus throwing off all the
  padding and :hover. I've clipped it out and isolated it, but it
  stills seems to be doing the same thing. Could someone give me a fix
  or tell me what it's doing?
 
  HTML file: 
 http://www.uark.edu/depts/gradinfo/mockup/graduate4/menutest.html

after running my tried-n-true method of keep deleting lines and
refreshing until ie gets it right, i found that ie7's problem is (at
least) with your font-variant: small-caps; rule.  i can't tell you
what ie7's hang up is, but the menu lines up again after deleting that
rule.

Thanks, cj.

It's odd, I had decided to use small-caps, but to keep the text the 
same height, I used all lower-case in the a link. But, when I went 
back to the HTML, and capitalized the words, the error goes away, and 
the text changed size.

Boddie 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Inline list IE7 problem

2007-08-20 Thread Ingo Chao 
David Boddie wrote:
 Hey everyone,
 
 It's been a while since I posted. I'm having a weird problem with a 
 inline list menu I'm building. The last li item seems to have 
 something pushing it up about 2 pixels,...

You've already changed your test case. Here is a bug reduction. The li 
itself is pushed up if the span inside does not contain a space.

Ingo

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;

html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
title/title

style type=text/css
ul {
float:left;

list-style: none;
border-bottom:1px solid red;
}

li {
float: left;
display:inline;
margin: 0 1em;  
border-bottom:1px solid green;
}
span {
display: block;
font-variant: small-caps;
}
/style


/head

body
ul
lispanlorem ipsum/span/li

lispandolor/span/li

lispansit amet/span/li
/ul
/body
/html




-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/