

| |||
![]() Hola. Tengo un input text que tiene una clase que le da el width al 100% para que se ajuste al tamaño de su contendor. Esto funciona bien cuando el input no tiene nada o tiene poco texto, pero cuando el input tiene un texto muy largo pareciera que el ancho se ajusta al largo del texto y no al ancho del contenedor. Aclaro que en FF anda bien, el problema es con IE ![]() ![]() |
| |||
Re: input con width=100% no funciona como debe Aca hay un ejemplo del código que me da problemas. Si te fijas el problema me da cuando pongo el input en una tabla ![]() Código HTML: <html> <head> <title>titulo</title> <style> .form { width:100%; padding:2px; } </style> </head> <body> <div style="width:300px; border: 1px solid #333; padding: 2px;"> <input type="text" class="form" /> </div> <br /> <div style="width:300px; border: 1px solid #333; padding: 2px;"> <input type="text" class="form" value="sdfaldfjasjfalksjflkasflkasdflkasdlkfjasdlkfjasldkjfalskdjflaksjdflakjsdflkajsdlfkjasldkfjaslkdfjalksdjflaksdjflaksjdflkajsdlkfjalskdfjalksdjflkasjlaksjdflkasjflkajsd sadfñkjasdñfkañlsdkfñlaksdñflkañsdfasdfaishdgklsadjglaisjdgajsdñfjasñdlgjasñldgkañsldgñlsakdg" /> </div> <br /> <table border="1" cellpadding="2" cellspacing="0" width="300"> <tr> <td width="100">UNO</td> <td width="200"><input type="text" class="form" /></td> </tr> <tr> <td>DOS</td> <td><input type="text" class="form" value="sdfaldfjasjfalksjflkasflkasdflkasdlkfjasdlkfjasldkjfalskdjflaksjdflakjsdflkajsdlfkjasldkfjaslkdfjalksdjflaksdjflaksjdflkajsdlkfjalskdfjalksdjflkasjlaksjdflkasjflkajsd sadfñkjasdñfkañlsdkfñlaksdñflkañsdfasdfaishdgklsadjglaisjdgajsdñfjasñdlgjasñldgkañsldgñlsakdg" /></td> </tr> </table> </body> </html> |