Monday, 15 April 2013

internet explorer 7 - Li's displayed inline take up more space in IE7? -



internet explorer 7 - Li's displayed inline take up more space in IE7? -

i have li's displayed inline. have horizontal margin , padding in form of ems.

this fine in browsers except ie7 wide fit in container , go onto 2 lines.

does ie7 render text @ different size other versions of ie? using ie developer tools cant see different css beingness applied. took screengrab of page , can see container same text takes more space in ie7 8 or 9.

update in screengrab can see individual words longer in ie7 other browsers.

yes ie renders them differently, bullets in firefox rendered outside of padding (or vice versa)

try:

li { white-space: nowrap; // stop wrapping in first place }

internet-explorer-7

No comments:

Post a Comment