html - white-space: nowrap not working in IE 9 -
i have table white-space set nowrap , columns widths restricted using table-layout fixed. correctly hides long lines in firefox, in ie9 lines wrapping.
test case:
<table border="1" width=200 style="white-space: nowrap; table-layout: fixed;"> <tr> <td style="overflow: hidden;" width=150>word spaces isnt working in ie</td> <td width=50>100/50</td> </tr> <tr> <td style="overflow: hidden;" width=150>loooooooooooooooooooooooooooooooooooongword</td> <td width=50>550/50</td> </tr> <tr> <td style="overflow: hidden;" width=150>anotherloooooooooooonnnnnnnnnnnnnnnngword</td> <td width=50>660/50</td> </tr> </table>
firefox:
ie 9:
using strict doctype works in ie9, have same result in firefox. i've tested code
<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> </head> <body> <form> <table border="1" width=200 style="white-space: nowrap; table-layout: fixed;"> <tr> <td style="overflow: hidden;" width=150>word spaces isnt working in ie</td> <td width=50>100/50</td> </tr> <tr> <td style="overflow: hidden;" width=150>loooooooooooooooooooooooooooooooooooongword</td> <td width=50>550/50</td> </tr> <tr> <td style="overflow: hidden;" width=150>anotherloooooooooooonnnnnnnnnnnnnnnngword</td> <td width=50>660/50</td> </tr> </table> </form> </body> </html>
Comments
Post a Comment