Hola buenas tardes!
Tengo el siguiente problema, tengo un formulario en php que permite agregar filas (rows) con la función jquery append, el problema es que cuando lo visualizo con Internet explorer 8 y Mozilla Firefox, se deforman las filas, pero en internet explorer 6 ó 7 todo se ve correctamente.
A continuación dejo la respectiva imagen de mi web en IE8 a IE7
Internet Explorer 8:
Internet Explorer 7:
Este es mi código que inserta las filas: Código HTML:
var cont=5;
$("#addColin").click(function (){
$('.colindancias').append(
"<tr class='colindancia"+cont+"'><td height='17'' colspan='2' valign='top' class='encabezado'>"+cont+": <select name='orientacion"+cont+"' id='orientacion"+cont+"' class='general' tabindex='1'><option value='0' title='-----'>-----</option><option value='1' title='NORTE'>NORTE</option><option value='2' title='SUR'>SUR</option><option value='3' title='ESTE'>ESTE</option><option value='4' title='OESTE'>OESTE</option><option value='5' title='NORESTE'>NORESTE</option><option value='6' title='SURESTE'>SURESTE</option><option value='7' title='NOROESTE'>NOROESTE</option><option value='8' title='SUROESTE'>SUROESTE</option></select><span class='Obl'>*</span>:</td> <td></td><td colspan='3' valign='top' class='campos'><div align='left'><input type='text' name='longitud"+cont+"' id='longitud"+cont+"' value='' class='general' tabindex='2' >MTS.</div></td><td valign='top'><div align='left'></div></td><td colspan='9' valign='top' class='campos'><div align='left'><span class='campos'><input type='text' name='colindancia"+cont+"' size='100' id='colindancia"+cont+"' value='' class='general' tabindex='3' /></span></div></td></tr>" );
cont=cont+1;
});
Esta es la parte del archivo php donde esta el TR donde se insertan las filas (tr)
Código HTML:
<input name="addColin" type="button" id="addColin" value="+" />
<tr class="colindancias"></tr>
Espero me puedan ayudar, saludos cordiales!