Ver Mensaje Individual
  #14 (permalink)  
Antiguo 01/11/2010, 17:55
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Ayuda con diseño

celineadiction:

Primero, tenes que recordar que el atributo ID debe de tener un valor único.
P ej:

id="leg"
id="leg"

para varios tags, está mal

debería ser

id="leg1"
id="leg2"

Etc.

Segundo:

Si vás a incluir en tu doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

entonces tus input e img deben estar debidamente cerrados, tenés completamente mal anidados los divs, forms, fieldset y legend...
Corrigiendo esto, se corrige el diseño del form en ie, pero se desacomoda la tabla superior, te recomiendo que rehagas todo cuidadosamente, por lo pronto tu html para body correcto sería

Código HTML:
Ver original
  1. <div id="encabe">
  2. <div id="imagen">
  3. <img src="itnl.jpg" alt="" />
  4. </div>
  5. <fieldset id="Field1">
  6. <legend id="leg0">Iniciar Sesión</legend>
  7. <div id='LogIn'>
  8. <form action='valida.php' method='post'>
  9. <table class='log'>
  10. <tr>
  11. <td class="logi">
  12. Usuario: <input type='text' name='nombreUsuario' size='30' />
  13. </td>
  14. <td class="logi">
  15. Contraseña: <input type='password' name='clave' size='30' />
  16. </td>
  17. <td valign='bottom' align='center' colspan='2'>
  18. <input type='submit' value='Entrar' />
  19. </td>
  20. </tr>
  21. </form>
  22. </div>
  23. </div>
  24. <div id="Field2">
  25. <div id="cuervo"></div>
  26. <div id="cuerpo">
  27. <div id="registrar">
  28. <h1 id="enca">
  29. Regístrate
  30. </h1>
  31. </div>
  32. <div id="dato">
  33. <form action="guardar.php" method="post">
  34. <fieldset id="Datos1">
  35. <legend id="leg1">Datos de la cuenta</legend>
  36. <tr>
  37. <td class="ver2">
  38. No Control:
  39. </td>
  40. <td>
  41. <input type="text" name="NC" size='30' />
  42. </td>
  43. </tr>
  44. <tr>
  45. <td class="ver2">
  46. Nombre de usuario
  47. </td>
  48. <td>
  49. <input type="text" name="username" size="30" />
  50. </td>
  51. </tr>
  52. <tr>
  53. <td class="ver2">
  54. Contraseña
  55. </td>
  56. <td>
  57. <input type="password" name="pw" size="30" />
  58. </td>
  59. </tr>
  60. <fieldset id="Datos2">
  61. <legend id="leg2">Datos Personales</legend>
  62. <tr>
  63. <td class="ver2">
  64. Nombre:
  65. </td>
  66. <td>
  67. <input type="text" name="Nombre" size='30' />
  68. </td>
  69. </tr>
  70. <tr>
  71. <td class="ver2">
  72. Apellido:
  73. </td>
  74. <td>
  75. <input type="text" name="Apellido" size='30' />
  76. </td>
  77. </tr>
  78. <tr>
  79. <td class="ver2" valign="top">
  80. Direccion:
  81. </td>
  82. <td>
  83. <textarea name="Direccion" cols="24" rows="4">
  84. </td>
  85. </tr>
  86. <fieldset id="Datos3">
  87.  
  88. <legend id="leg3">Información Adicional</legend>
  89. <tr>
  90. <td class="ver2">
  91. Email:
  92. </td>
  93. <td>
  94. <input type="text" name="Email" size='30' />
  95. </td>
  96. </tr>
  97. <tr>
  98. <td class="ver2">
  99. Edad:
  100. </td>
  101. <td>
  102. <input type="text" name="Edad" size='30' />
  103. </td>
  104. </tr>
  105. <tr>
  106. <td colspan="2" class="al" align="center">
  107. <input type="submit" value="Guardar" />
  108. </td>
  109. </tr>
  110. </form>
  111. </div>
  112. </div>
  113. <div id="pie">
  114. Creado por Emma Gabriela Colorado Macías
  115. </div>
  116. </div>
  117. </body>

el css, no lo toque ni revisé, pero, no garantizo nada porque si corregí los id repetidos de algunos elementos.


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.