Foros del Web » Creando para Internet » HTML »

internet explorer no lee bien la web

Estas en el tema de internet explorer no lee bien la web en el foro de HTML en Foros del Web. Hola buenas!! estoy subiendo una web www.inmueblesamas.es y me acabo de dar cuenta que con IE no me la abre correctamente. Alguien podria hecharme una ...
  #1 (permalink)  
Antiguo 30/05/2011, 12:28
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 10 años, 10 meses
Puntos: 1
internet explorer no lee bien la web

Hola buenas!! estoy subiendo una web www.inmueblesamas.es y me acabo de dar cuenta que con IE no me la abre correctamente. Alguien podria hecharme una mano???

Gracias.
  #2 (permalink)  
Antiguo 30/05/2011, 12:40
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 5 años, 10 meses
Puntos: 344
Respuesta: internet explorer no lee bien la web

Ten mucho cuidado con el código HTML.

He visto que creas una tabla en la que no pones filas (un <table> tiene que tener <tr> (filas) y <td> (columnas).

Utiliza el validador de la w3c para ver todos los errores sintácticos que tienes. También puedes usar Dreamweaver u otro IDE que reconozca sintaxis HTML, que te va indicando los errores.
  #3 (permalink)  
Antiguo 31/05/2011, 20:50
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 9 años, 8 meses
Puntos: 1567
Respuesta: internet explorer no lee bien la web

pampa_:


Además de lo dicho por alexg88, tenias varios errores más, te limpie el html, pero te dejo a vos corregir el css, ya que ahora se ve bien en IE pero la posición del form no se ve bien (se centra ) en firefox, en chrome y Opera se sigue viendo ok


Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>TONI MAS</title>
  6.  
  7. <script src="http://www.inmueblesamas.es/jquery-1.5.1.min.js" type="text/javascript">
  8. <link href="http://www.inmueblesamas.es/css/default.css" rel="stylesheet" type="text/css" />
  9. <!--
  10. <script type="text/javascript">
  11.    var GB_ROOT_DIR = "./greybox/greybox/";
  12. </script>
  13. <script type="text/javascript" src="http://www.inmueblesamas.es/greybox/greybox/AJS.js"></script>
  14. <script type="text/javascript" src="http://www.inmueblesamas.es/greybox/greybox/AJS_fx.js"></script>
  15. <script type="text/javascript" src="http://www.inmueblesamas.es/greybox/greybox/gb_scripts.js"></script>
  16. <link href="greybox/greybox/gb_styles.css" rel="stylesheet" type="text/css" />
  17. -->
  18.  
  19. <script type="text/javascript">
  20. //<![CDATA[
  21. var lista = new Array('http://www.inmueblesamas.es/images/imagen1.gif', 'http://www.inmueblesamas.es/images/imagen2.gif', 'http://www.inmueblesamas.es/images/imagen3.gif' , 'http://www.inmueblesamas.es/images/imagen4.gif');
  22. var contador = 0;
  23. var tiempo = 0;
  24. var tempor = null;
  25. function cambio(sen)
  26. {
  27. contador+= sen;
  28. if (contador ==lista.length)
  29.     contador = lista.length-1;
  30. else
  31.    if (contador < 0) contador = 0;
  32.        document.images.centro.src = lista[contador]
  33. window.status="Imagen número "+contador
  34. }
  35. function reset()
  36. {
  37. contador = 0;
  38. fin = false;
  39. document.images.centro.src = lista[0]
  40. }
  41. function automat(seg)
  42. {
  43. tiempo = parseInt(seg);
  44. reset();
  45. window.status="Pase automático";
  46. if (isNaN(tiempo) || tiempo <= 0)
  47.    alert("Error en el tiempo")
  48. else
  49.    tempor = setTimeout("pasar()", tiempo)
  50. }
  51. function parar()
  52. {
  53. clearTimeout(tempor);
  54. }
  55. function pasar()
  56. {
  57. cambio(1);
  58. if (contador < lista.length-1)
  59.    tempor = setTimeout("pasar()", tiempo)
  60. }
  61. //]]>
  62. <script type="text/javascript">
  63. //<![CDATA[
  64.  
  65. $(document).ready(function(){
  66.  $("div#menu-izq").height($("div#main").height())
  67. });
  68.  
  69. //]]>
  70. <script type="text/javascript">
  71. //<![CDATA[
  72.   $(document).ready(function() {  
  73. $(".boton").click(function(event) {  
  74. $("#menu-der").load('external.htm',aviso());  
  75. });  
  76. });  
  77. function aviso(){  
  78. alert('La solicitud ha sido procesada');  
  79. }  
  80. //]]>
  81.  
  82.  
  83. <script type="text/javascript">
  84. //<![CDATA[
  85. var loadedobjects=""
  86. var rootdomain="http://"+window.location.hostname
  87.  
  88. function ajaxpage(url, containerid){
  89. var page_request = false
  90. if (window.XMLHttpRequest) // if Mozilla, Safari etc
  91. page_request = new XMLHttpRequest()
  92. else if (window.ActiveXObject){ // if IE
  93. try {
  94. page_request = new ActiveXObject("Msxml2.XMLHTTP")
  95. }
  96. catch (e){
  97. try{
  98. page_request = new ActiveXObject("Microsoft.XMLHTTP")
  99. }
  100. catch (e){}
  101. }
  102. }
  103. else
  104. return false
  105. page_request.onreadystatechange=function(){
  106. loadpage(page_request, containerid)
  107. }
  108. page_request.open('GET', url, true)
  109. page_request.send(null)
  110. }
  111.  
  112. function loadpage(page_request, containerid){
  113. if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
  114. document.getElementById(containerid).innerHTML=page_request.responseText
  115. }
  116.  
  117. function loadobjs(){
  118. if (!document.getElementById)
  119. return
  120. for (i=0; i<arguments.length; i++){
  121. var file=arguments[i]
  122. var fileref=""
  123. if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
  124. if (file.indexOf(".js")!=-1){ //If object is a js file
  125. fileref=document.createElement('script')
  126. fileref.setAttribute("type","text/javascript");
  127. fileref.setAttribute("src", file);
  128. }
  129. else if (file.indexOf(".css")!=-1){ //If object is a css file
  130. fileref=document.createElement("link")
  131. fileref.setAttribute("rel", "stylesheet");
  132. fileref.setAttribute("type", "text/css");
  133. fileref.setAttribute("href", file);
  134. }
  135. }
  136. if (fileref!=""){
  137. document.getElementsByTagName("head").item(0).appendChild(fileref)
  138. loadedobjects+=file+" " //Remember this object as being already added to page
  139. }
  140. }
  141. }
  142.  
  143. //]]>
  144. <style type="text/css">
  145. /*<![CDATA[*/
  146. select.c3 {width:100%}
  147. p.c2 {font-size:14px;}
  148. div.c1 {OVERFLOW: auto; WIDTH: 572px; HEIGHT: 496px}
  149. /*]]>*/
  150. </head>
  151. <div id="container">
  152. <div id="topbar"><img src="http://www.inmueblesamas.es/images/titulo.jpg" alt="#########" /></div>
  153. <div id="marquesina">Listado de Inmuebles de Antonio Mas Mañez</div>
  154. <div id="main">
  155. <div id="menu-der" class="c1">
  156. </div>
  157. <div id="menu-izq"><br />
  158. <!-- style="margin:0; margin-left:122px;  margin-right:122px;"
  159.   <form name="form1" method="post" action="consulta.php">  -->
  160.  
  161. <ul>
  162. <li><a href="javascript:ajaxpage('quienessomos.html',%20'menu-der');">¿Quiénes somos?</a></li>
  163. <li><a href="javascript:ajaxpage('contacto.html',%20'menu-der');">Contacto</a></li>
  164. </ul>
  165. <br />
  166. <form name="form1" action="" method="post" id="form1">
  167. <legend>Buscar inmuebles</legend>
  168. <p class="menuizq">Tipo de inmueble</p>
  169.  
  170. <select class="c3" id="tipo" name="tipo">
  171. <option value="selec" selected="selected">-selecciona-</option>
  172.  
  173. <option value="piso">Piso</option>
  174. <option value="casa">Casa</option>
  175. <option value="chalet">Chalet</option>
  176. <option value="duplex">Duplex</option>
  177. <option value="oficina">Oficina</option>
  178. <option value="bajo">Bajo</option>
  179. <option value="estudio">Estudio</option>
  180.  
  181. <p class="menuizq">Gestión</p>
  182.  
  183. <select class="c3" id="gestion" name="gestion">
  184. <option value="selec" selected="selected">-selecciona-</option>
  185. <option value="alquiler">Alquiler</option>
  186. <option value="compra">Compra</option>
  187. <p class="menuizq">Precio entre</p>
  188. <p id="recargar"><select class="c3" id="minimo" name="minimo">
  189. <option value="" selected="selected">-minimo-</option>
  190. </select></p>
  191.  
  192. <script type="text/javascript">
  193. //<![CDATA[
  194.   $('#gestion').change(function(){
  195.   $('#recargar').load('index.php?variablenumero='+$('#gestion').val()+'#minimo');
  196.   });
  197. //]]>
  198.  
  199. <p class="menuizq">Y</p>
  200. <select class="c3" id="maximo" name="maximo">
  201. <option value="" selected="selected">-maximo-</option>
  202. <option value="10000">10.000</option>
  203. <option value="20000">20.000</option>
  204. <option value="50000">50.000</option>
  205. <option value="100000">100.000</option>
  206. <option value="200000">200.000</option>
  207.  
  208. <option value="300000">300.000</option>
  209.  
  210. <option value="400000">400.000</option>
  211. <option value="500000">500.000</option>
  212. <option value="1000000">1.000.000</option>
  213. <p class="menuizq">Localidad</p>
  214. <select class="c3" id="localidad" name="localidad">
  215. <option value="" selected="selected">-selecciona-</option>
  216. <option value="Alborache">Alborache</option>
  217. <option value="Bu&amp;ntildeol">Buñol</option>
  218.  
  219. <option value="Cheste">Cheste</option>
  220. <option value="Chiva">Chiva</option>
  221. <option value="Macastre">Macastre</option>
  222. <option value="Requena">Requena</option>
  223. <option value="Utiel">Utiel</option>
  224. <option value="Yatova">Yatova</option>
  225. <input align="right" type="submit" name="buscar" value="Buscar" /></form>
  226. </div>
  227. <!--<script type="text/javascript">
  228.  document.getElementById("menu-izquierda").style.height = document.getElementById("main").style.height;
  229.  </script>
  230.  -->
  231.  
  232. <!--
  233.   while ($row = mysql_fetch_row($result)){
  234.  
  235.   $trans=array("&ntilde"=>"ñ"); //funcion para poder mostrar las ñ que en mysql son &ntilde
  236.   $row[4]=strtr($row[4],$trans);
  237.  
  238.  
  239.   echo "<td><img src='$row[5]'></img></td> \n";
  240.   echo "<tr><td>Localidad: $row[4]</td></tr>\n";
  241.   echo "<tr><td>Tipo: $row[1]</td></tr>\n";
  242.   echo "<tr><td>Gestion: $row[2]</td></tr>\n";
  243.   echo "<tr><td>Precio: $row[3]</td></tr>\n";
  244.  
  245.   $numero_rows = mysql_num_rows($result);
  246.   echo ".$numero_rows.";
  247.  
  248.   echo "<tr><td width=160><img src='$row[5]'></img></td><td width=160><img src='$row[5]'></img></td></tr>";
  249.   //echo'<td width="50%"></td>';
  250.  
  251.   //echo "\n";
  252.   //echo "<td><a href='http://www.google.es'> $row[4] </a></td>";
  253.   //echo "<td>$row[4]</td> \n";
  254.   //echo "</tr> \n";
  255.   }
  256.  
  257.  --></div>
  258. <!-- <div class="spacer"></div> -->
  259. <!--
  260. <script>
  261. var a=document.getElementById("main").scrollHeight;
  262. alert(a);
  263. var b=document.getElementById("menu-izq").scrollHeight;
  264. alert(b);
  265.  
  266. </script>-->
  267. <div id="footer"><br />
  268. Página desarrollada por Rubén Ferrer Ortiz</div>
  269. </div>
  270. </body>
  271. </html>


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 02/06/2011, 09:16
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 10 años, 10 meses
Puntos: 1
Respuesta: internet explorer no lee bien la web

Gracias gracias solo tenia un error creo que grave era el table....

Pero atentos si quito el table en IE se ve perfecto, pero en Mozilla se me queda centrado.

Si lo pongo en Mozilla se me queda perfecto pero en IE se queda centrado.

Voy a probar con alguna opcion de align a ver si asi se queda bien.

Otro fallo que tenia era que tenia un espacio o algo raro en un select entonces no lo carga bien.


Gracias por la ayuda!!!
  #5 (permalink)  
Antiguo 02/06/2011, 10:04
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 10 años, 10 meses
Puntos: 1
Respuesta: internet explorer no lee bien la web

Bueno el fallo claramento lo tengo con la tabla, os queria comentar algo curioso, si pongo la tabla este trozo de codigo.
Código HTML:
Ver original
  1. <table border="0">
  2.          <tr align="left">
  3.         <form name="form1" action="<?$_SERVER['PHP_SELF']?>" method="post">
  4.         <fieldset>
  5.         <legend><p class="menuizq" style="font-size:14px;">Buscar inmuebles</p></legend>
  6.         <p class="menuizq">Tipo de inmueble</p>
  7.         <select style="width:100%" id="tipo" name="tipo">
  8.             <option value="selec" selected="selected">-selecciona-</option>
  9.             <option value="piso">Piso</option>
  10.             <option value="casa">Casa</option>
  11.             <option value="chalet">Chalet</option>
  12.             <option value="duplex">Duplex</option>
  13.             <option value="oficina">Oficina</option>
  14.             <option value="bajo">Bajo</option>
  15.             <option value="estudio">Estudio</option>
  16.         </select>
  17.         <p class="menuizq">Gestión</p>
  18.         <select style="width:100%" id="gestion" name="gestion">
  19.             <option value="selec" selected="selected">-selecciona-</option>
  20.             <option value="alquiler">Alquiler</option>
  21.             <option value="compra">Compra</option>
  22.         </select>
  23.         <p class="menuizq">Precio entre</p>
  24.         <p id="recargar">
  25.         <select style="width:100%" id="minimo" name="minimo">
  26.             <option value="" selected="selected">-minimo-</option>
  27.             <?php if($_GET['variablenumero']=='compra'){?>
  28.             <option value="10000">10.000</option>
  29.             <option value="20000">20.000</option>
  30.             <option value="50000">50.000</option>
  31.             <option value="100000">100.000</option>
  32.             <option value="200000">200.000</option>
  33.             <option value="300000">300.000</option>
  34.             <option value="400000">400.000</option>
  35.             <option value="500000">500.000</option>
  36.             <option value="1000000">1.000.000</option>
  37.            
  38.          
  39.             <?php } ?>
  40.             <?php if($_GET['variablenumero']=='alquiler'){?>
  41.             <option value="100">100</option>
  42.             <option value="200">200</option>
  43.             <option value="300">300</option>
  44.             <option value="500">500</option>
  45.             <option value="1000">1000</option>
  46.            
  47.             <?php } ?>
  48.            
  49.            
  50.         </select>
  51.         </p>
  52.         <script type="text/javascript">
  53.             $('#gestion').change(function(){
  54.             $('#recargar').load('index.php?variablenumero='+$('#gestion').val()+' #minimo');
  55.             });
  56.         </script>
  57.         <p class="menuizq">Y</p>
  58.         <select style="width:100%" id="maximo" name="maximo">
  59.             <option value="" selected="selected">-maximo-</option>
  60.             <option value="10000">10.000</option>
  61.             <option value="20000">20.000</option>
  62.             <option value="50000">50.000</option>
  63.             <option value="100000">100.000</option>
  64.             <option value="200000">200.000</option>
  65.             <option value="300000">300.000</option>
  66.             <option value="400000">400.000</option>
  67.             <option value="500000">500.000</option>
  68.             <option value="1000000">1.000.000</option>
  69.         </select>
  70.         <p class="menuizq">Localidad</p>
  71.         <select style="width:100%" id="localidad" name="localidad">
  72.             <option value="" selected="selected">-selecciona-</option>
  73.             <option value="Alborache">Alborache</option>
  74.             <option value="Buñol">Buñol</option>
  75.             <option value="Cheste">Cheste</option>
  76.             <option value="Chiva">Chiva</option>
  77.             <option value="Macastre">Macastre</option>
  78.             <option value="Requena">Requena</option>
  79.             <option value="Utiel">Utiel</option>
  80.             <option value="Yatova">Yatova</option>
  81.         </select>
  82.         </fieldset>
  83.         </tr>
  84.         </table>
  85.         <input  align="right" type="submit" name="buscar" value="Buscar";>
  86.        
  87.        
  88.         </form>


Al hacer consultas es decir tocar los diferentes selects... se me queda loco hace lo que quiere!!! si se lo quito hace las consultas bien
  #6 (permalink)  
Antiguo 04/06/2011, 12:14
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 5 años, 10 meses
Puntos: 344
Respuesta: internet explorer no lee bien la web

Vuelves a cerrar mal las etiquetas. La etiqueta <table> está antes de la etiqueta <form> y por ello, debe cerrarse antes la etiqueta del form, que la de la table y tú lo haces al revés.
  #7 (permalink)  
Antiguo 05/06/2011, 03:52
Avatar de pampa_  
Fecha de Ingreso: mayo-2006
Mensajes: 334
Antigüedad: 10 años, 10 meses
Puntos: 1
Respuesta: internet explorer no lee bien la web

si gracias!! ya esta solucionado, quite el table y luego en la hoja de estilos revise una par de lineas el float:left y el display:inline... al final se me ha quedado como queria...

Gracias por la ayuda!

Etiquetas: explorer, internet, accesibilidad
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:27.