Textarea, jako ze ma byc jak najwęższa, ustawiona jest na niewielką szerokość (34px bodajze) ale rowniez na większą niż normalnie wysokość - tak, aby (w tym wypadku) rok przeskakiwał do nowej linii.
w ff i IE8 wszystko jest ok - data po wpisaniu wyglada tak:
28.04.
2010
natomiast pod operą i starszymi przeglądarkami - tekst wychodzący poza szerokość nie przenosi się.
probowałem już ustawiać cols="6" rows="2", probówałem w cssie dodać white-space z wszelkimi możliwymi atrybutami i nic..
dodam tylko, ze ustawiony jest overflow-x i -y
Jakies pomysly?
Przy okazji - http://www.cs.tut.fi/~jkorpela/forms/textarea.html podobny przypadek w texareach. W ff przenosi, w operze juz nie.. :/
ps. w tej chwili moj kod wyglada mniej wiecej tak:
Kod
textarea { vertical-align: middle; margin: 0 0 1px 0; white-space:pre-wrap; overflow-y: hidden; overflow-x: hidden; color: #111; font-size: 9px; border: 1px solid #999; text-align: center; height: 27px; }
<textarea name="dodaj_1_pole_2" id="dodaj_1_pole_2" class="gora" style="border-color: #ff0000; width:34px;" cols="6" rows="2" ></textarea>
<textarea name="dodaj_1_pole_2" id="dodaj_1_pole_2" class="gora" style="border-color: #ff0000; width:34px;" cols="6" rows="2" ></textarea>
aczkolwiek tak jak mowie - bez cols,rows czy white-space rowniez nie dziala..
