to-linjers knapper i Internet Explorer

[frankH]

Prøver å generere buttons som automatisk blir wrappet til ny linje dersom teksten er for lang for en linje. Med desse CSS-elementet går det fint i FF og Opera:

div#local {
width: 15%;
}

div#local button {
width: 100%;
}

 

For FF og Opera blir alle knappene som ligger i <div id=local> på to linjer dersom teksten er lengre en div-størrelsen. På IE (både 6 og 7) kuttes teksten og bare en linje vises.

 

Har prøvd meg litt fram med word-wrap, text-wrap og lignende men får inntrykk av at IE nekter å vise 2-linjers knapper uansett hva man gjør... Noen som har peiling på hvordan man fikser dette i IE?

[Drømmemannen]

Kanskje denne kan hjelpe: http://www.cs.tut.fi/~jkorpela/forms/imagebutton.html

[frankH]

hmm, dette fungerer ikke for meg. IE (6 og 7) kutter fortsatt teksten etter en linje. noen andre gode forslag?

[qualbeen]

kan det ha noe med at IE tolker width og heigth på samme måte som gode nettlesere tolker min-width og min-height? Mener å huske å ha lest et sted at IE rett og slett ikke støtter såpass enkle css-tagger som width/height skikkelig. :'(

[frankH]

Stemmer det, men de har ordnet det i 7.0, og det er den jeg tester på... 7.0 er mye greiere enn 6.0, men fortsatt noe dritt i forhold til FF.