Previous Message
Next Message

Horizontal list, IE 5

Sent by Design Groups on 19 March 2006 14:02


Julie -

I don't know how much I can help with this, but I'm going to take a chance 
and step out there with what little I know :)

First of all, I checked the site on my PC in IE 6, IE 5.5 and IE 5.1, and it 
looks the same in all three browsers (which also looks the same on Mozilla 
Firefox, by the way) - so I don't see what you mean by "not displaying 
peroperly on IE 5 Win".  So perhaps you need to clear your IE cache? 
Beacsure really, it looks the same in all of those browsers and seems to be 
displaying properly.

As for the non-validating "display:inline-block;" - I actually fixed this 
issue for a client not too long ago.  She was having the exact same 
problem - using "display:inline-block;" - it wasn't validating but it looked 
fine.  She really wanted it to validate.  So, here's what I did for her. 
Now, I *know* I'm going to get it for suggesting this on the CSS-D list - 
because I'm going to suggest using the "display:table-cell" - which I've 
seen in the archives is percieved to be an "icky solution", but it's what 
worked, and it validated.  The code for the client now looks like this:

..menu {
display:inline;
 margin: 0 auto;
 padding:0;
 width:auto;
 font-family: arial, helvetica, sans-serif;
 white-space:nowrap;
 list-style-type:none;
 font-size: 12px;
  }

..menu li {
  display:table-cell;
  }

..menu a {
 display:block;
 padding:10px;
 background:url(navigation-background.jpg);
 color:#FFFFFF;
 text-decoration:none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
  }

Of course, you can edit to your needs, but hopefully looking at this might 
help you a bit.  And again, this is just my limited knowledge, so someone 
else might have a better solution for you, but I thought I'd put it out 
there because it's what worked for me :)

~Shelly 

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: