Buttons with two text lines in IE

[olav78]

Hello!I'm wondering how I can set buttons where the text continues to the next «line» of the button if it is longer than the size of the button.In FF this works (the button get twice as high and the text spans two lines):

div#local button {	width: 100%;}

IE, however, cuts the text and the last bit is not showed...? Anyone know how I can get this to work in IE?

[vchris]

How about doing this:

div#local button { width: 200px; height: 100px; }

Make sure the width is perfect so the text is on 2 lines and the height is just in case the height is not good enough by default.

[olav78]

nope. stupid IE still just shows one line of text. Hmmm, I beginning to belive that it's impossible to have two lines buttons in IE.

[PrateekSaxena]

Isnt there a wordrap option for the CSS of DIVs??

[vchris]

This should help you.http://www.w3.org/TR/css3-text/#wrapping5.2. Force Wrapping: the 'word-wrap' property

[olav78]

thanks! but it still does not work in IE...here is the CSS-element:

div#local button {	width: 100%;	word-wrap: break-word;	text-wrap: unrestricted;}

[vchris]

show me your input button.I tried to do it and it doesn't work in both FF and IE. Your id should not be 2 words. Try renaming it to local_button.

[olav78]

Your id should not be 2 words. Try renaming it to local_button.

it's not two words, i define the div with id=local another place (its a div for a local menu). "div#local button" means all the buttons inside the div with id=local...

[PrateekSaxena]

Ah! Yes this is the wordrap that I was talking about!