Re: [css-d] IE6 doing something quite funky to horizontal li's

2006-06-07 Thread Bill Brown 
 Humbling List,
 
 Please see http://www.andrew.cmu.edu/user/bleber/css/test.html
 
 I'm looking to center two horizontal boxes (simple enough 
 task). It looks fine in Mozilla, while IE 7 staggers the two 
 boxes so one is lower than the other. I'm using standalone 
 IE6, but that seems to have fallen back to the IE7 beta 
 renderer. Maybe someone with non-IE7 setup can advise how to 
 get those two boxes to be in a straight horizontal line.
 
 Thanks,
 
 Brett

Brett,

Try this:

#container ul li {
display: inline;
float: left;
}

That should work in all IEs, I believe.

--Bill






||
| Bill Brown |
| Webmaster, MacNimble.com   |
| http://www.macnimble.com   |
| mailto:[EMAIL PROTECTED]  |
| Phone: 215-237-2037|
||



___
$0 Web Hosting with up to 200MB web space, 1000 MB Transfer
10 Personalized POP and Web E-mail Accounts, and much more.
Signup at www.doteasy.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE6 doing something quite funky to horizontal li's

2006-06-07 Thread Kieron McIntyre 
Brett wrote:

 I'm looking to center two horizontal boxes (simple enough task). It 
 looks fine in Mozilla, while IE 7 staggers the two boxes so 
 one is lower 
 than the other.

Hi Brett,

Try adding the following rule:

#container UL LI {
  display:inline;
}

This should solve the issue I think.

Kieron McIntyre
www.digbyswift.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE6 doing something quite funky to horizontal li's

2006-06-07 Thread Brett Leber 
On 6/7/2006 5:07 PM, Bill Brown wrote:
 Humbling List,

 Please see http://www.andrew.cmu.edu/user/bleber/css/test.html

 I'm looking to center two horizontal boxes (simple enough 
 task). It looks fine in Mozilla, while IE 7 staggers the two 
 boxes so one is lower than the other. I'm using standalone 
 IE6, but that seems to have fallen back to the IE7 beta 
 renderer. Maybe someone with non-IE7 setup can advise how to 
 get those two boxes to be in a straight horizontal line.

 Thanks,

 Brett
 
 Brett,
 
 Try this:
 
 #container ul li {
 display: inline;
 float: left;
 }
 
 That should work in all IEs, I believe.

It most certainly works on my machine. Thanks!

I think my mental error was that I put a class on the a elements, and 
was not even styling the li elements (which is what I would normally 
do). Strangely enough, it looks like I need to float the a's too. Go 
figure.

Thanks,

Brett
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] IE6 doing something quite funky to horizontal li's

2006-06-07 Thread Kieron McIntyre 
Brett wrote:

  I'm looking to center two horizontal boxes (simple enough
  task). It looks fine in Mozilla, while IE 7 staggers the two 
  boxes so one is lower than the other. I'm using standalone 
  IE6, but that seems to have fallen back to the IE7 beta 
  renderer. Maybe someone with non-IE7 setup can advise how to 
  get those two boxes to be in a straight horizontal line.
 

Hi Brett,

You were right the first time. You DID only need to float the a's but
only make the li's inline.

Kieron McIntyre
www.digbyswift.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/