html - Internet Explorer Can't Adjust Inline List Item Width? -


i have unordered list list items displaying inline. however, layout rather complicated, let me show fiddle:

notice how unordered list items stretch height of tallest list item, using display: table-cell property (except first list item). allows first list item have vertical line extend entire height of unordered list, letter "a" vertically aligned top.

this presentation works excellent in browsers, notable exception of internet explorer 8[1], of course. here screenshots, in case don't have ie8:

any ideas can keep same see in chrome (or other browser other ie1-ie8)?

thank time.

[1] have ever done ie8 hate so???

unfortunately, ie doesn't render table-cell property, have resort various hacks. fortunately, 1 works pretty well.

ul li {     display: inline-block;     *display:inline;     zoom: 1;     height: 100%;     max-width: 130px;     min-width: 130px;     padding: 0px 0px 0px 15px;     vertical-align: bottom; } 

this allow elements align in inline-block fashion in ie, giving cross-browser inline elements.


Comments

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -