Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › [Solved] Button text not wrapping in IE11, IE9 & IE8

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 1, 2015 at 3:41 am #197038
    Siraj
    Participant

    We have some dynamic buttons whose text is not wrapping up even after adding word-wrap attribute to the <button> tag.

    It is working properly in IE10, Chrome and Firefox.

    Here is the code:
    http://codepen.io/anon/pen/bNKQzx

    I’m badly stuck here and any help is much appreciated!
    Thanks in Advance!

    March 1, 2015 at 3:54 am #197039
    Senff
    Participant

    Not seeing any differences in various versions of IE and Chrome: http://codepen.io/senff/full/gbKQqv

    March 1, 2015 at 4:07 am #197040
    Siraj
    Participant

    Hi Senff,, Thanks for helping!!

    I am wondering why it is not happening!
    But if you take the same code and save it in html file and try to open it in IE8, you can see the difference..

    March 1, 2015 at 4:46 am #197041
    Beverleyh
    Participant

    Check your font-size too. Unfortunately font-size:20; isn’t valid. It should have a unit specified, such as %, (r)em or px.

    March 1, 2015 at 5:14 am #197042
    Senff
    Participant

    But if you take the same code and save it in html file

    If that’s all you did, then you may encounter problems because that’s not fully valid HTML (including doctype, head, body, etc.)

    March 1, 2015 at 7:20 am #197045
    Siraj
    Participant

    @Beverleyh and @Senff:

    Those html pages are generated dynamically in the application.. looks like the <!DOCTYPE html> declaration is not getting rendered for lower version of IE browsers..

    Thanks a lot for the hints..

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.