[SOLUCIONADO] Pagina HTML se descuadra si se ve desde C:

julg03 · #1 (**permalink**) 20/03/2013, 11:06

Hola. Acudo a ustedes porque ya busqué por todos lados y no encuentro solución a éste extraño problema. Mis archivos .html al ejecutarlos en IE V.10 se descuadran todos. Sin embargo, el mismo archivo desde su ubicación remota se ve perfecto en el mismo IE 10 y la misma PC. Sucede con cualquier archivo HTML que ejecute desde mi PC (c:\HTML\pagina). Pero todo lo que sea en Internet se ve bien (http://www.) y no se descuadra nada. Tengo win 7 SP1, IE 10 y trabajo con DreamW. Es más, al terminar cualquier diseño HTML en DW lo "subo" al servidor remoto a través de FileZilla y desde internet y desde cualquier PC se ve perfecto, pero si lo ejecuto desde mi PC se descuadra todo. Las imágenes si se ven, los links, los tectos, etc. sólo que descuadrado. Ya no sé x donde atacar el problema. Ya no se si es problema del Windows, del IE 10 ó de plano soy muy idiota. Solicito su sabia orientación.

Gracias de antemano.

Triby · #2 (**permalink**) 20/03/2013, 13:39

Si tienes algún Javascript en el código, IExplorer no lo interpreta cuando abres la página desde el disco duro, sólo cuando esté en un servidor. Lógicamente, debe existir la forma para modificar ese comportamiento, algo en la configuración, pero la desconozco, porque rara vez uso IE.

Podrías instalar algún software de servidor (Wampserver, Xampp, etc.) en tu PC para realizar tus pruebas localmente.

maycolalvarez · #3 (**permalink**) 20/03/2013, 14:06

concuerdo con @Triby, usualmente no me preocuparía por la forma en que lo interpreta si lo abres desde local, usar un web server local es la mejor forma de probar en caliente el correcto funcionamiento de una web

julg03 · #4 (**permalink**) 20/03/2013, 14:12

Muchas gracias por su respuesta a los dos. Por lo menos ya tengo algo de luz y me voy a ir por ahí (cuestiones de Java y servidores locales). Aunque debo decir que nunca había utilizado ningún servidor local. Ni siquiera había configurado el DW8 como servidor. Simplemente lo que hago es diseñar, codificar, etc.. Guardo el archivo como HTML y lo ejecuto con IE. Jamás me había dado problemas. Mil gracias otra vez. Ya contaré los resultados.

pzin · #5 (**permalink**) 21/03/2013, 00:36

Cita:

Iniciado por julg03

Por lo menos ya tengo algo de luz y me voy a ir por ahí (cuestiones de Java y servidores locales).

Java no es lo mismo que JavaScript.

Montar un servidor local tiene varias ventajas, como poder utilizar algún lenguaje de lado servidor, usar alguna base de datos, etc. Para Windows hay varios paquetes que te lo instalan casi automático todo.

julg03 · #6 (**permalink**) 21/03/2013, 09:25

Ok Bonez. Gracias. Más luz a mi problema. Y gracias por tomarte la molestia de contestar. Los mantendré informados de mi progreso. Saludos.

julg03 · #7 (**permalink**) 21/03/2013, 13:12

Hola. Otra vez yo dando molestias con éste tema. Mil disculpas pero me voy a extender para ser lo más claro posible. Seguí el caminito de JavaScript y el de instalar un servidor de prueba, etc.. Ya revisé el IE10 que estuviera todo bien, ya instale por medio de Dream Weaver 8 un servidor de prueba. Y sigo con lo mismo. Sin embargo he descubierto algo gracias a sus consejos. El DW8 me indica error en una línea:

<link href="style.css" rel="stylesheet" type="text/css" />.

Como se darán cuenta no estoy indicando ningún directorio. Sin embargo para salir de dudas le indique el directorio C:\servidorprueba\style.css y nada. Es como si no existiera el archivo CSS. Los archivos CSS están ubicados en la misma carpeta que los HTML. Y efectivamente, de tan embrutecido que estoy, no me había fijado que lo único que no se carga son los archivos CSS.

Acto seguido, tome la carpeta completa y la copie en una memoria FLash USB y la cargue en una LAPTOP también con Win 7 SP1, IE10. Pero sin nada de DW, ni servidor de prueba, ni nada. Solo ejecute el archivo HTML desde la USB y se ve perfecto. Puse la misma USB en la PC donde tengo el problema y me hace lo de siempre. No carga los CSS.

Con ésto, estoy seguro que el problema es la PC y/ó el Windows. Y no sé si algún moderador lo tendrá que cambiar a otro foro, pero si tienen algún comentario me ayudarían muchísimo.

Buscando en la web no he encontrado nada igual. Por lo pronto seguiré investigando. Los mantendré informados, si es que no dan el tema por cerrado.

Muchas gracias por su tiempo y saludos.

Triby · #8 (**permalink**) 21/03/2013, 14:23

Coloca tu código completo, para ver si encontramos algo raro.

julg03 · #9 (**permalink**) 22/03/2013, 11:15

En mi humilde e inexperta opinión no creo que sea cuestión de código, porque todo funciona bien desde Internet incluso en la PC en cuestión. Y también funciona bien desde una laptop con el mismo Windows y el mismo IE10 y sin servidores de prueba, etc.. Y también sucede con cualquier archivo HTML que ejecute en ésa PC.

De todos modos aquí dejo el código de acuerdo a tu petición. He quitado textos que solo hacen el código más largo. Y además, éste código es el que estoy usando para pruebas, pero repito que sucede con cualquiera. Gracias de antemano.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 
<script type="text/javascript">
function parpadeo() {
var imagen = document.images["parpadeante"];
imagen.style.visibility = (imagen.style.visibility == "visible") ? "hidden" : "visible";
}
setInterval("parpadeo()", 500);
</script>
 
<title>Artículos Médicos</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="Place your description here" />
<meta name="keywords" content="put, your, keyword, here" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
   <link href="style_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<style type="text/css">
<!--
.Estilo2 {font-size: 16px}
-->
</style>
<style type="text/css">
<!--
p.MsoNormal {
margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:Arial;
}
.Estilo15 {
    font-size: 12px;
    font-weight: bold;
}
.Estilo16 {font-size: large}
.Estilo17 {
    color: #0066CC;
    font-weight: bold;
    font-size: large;
}
-->
</style>
</head>
<body id="page2">
<div class="tail-top-right"></div>
<div class="tail-top">
  <div class="tail-bottom">
    <div id="main">
      <!-- header -->
      <div id="header">
        <ul class="list">
          <li><a href="index.html"><img src="images/icon1.gif" alt="" /></a></li>
          <li><a href="formulario_anunciate/forma.php"><img src="images/icon2.gif" alt="" /></a></li>
          <li class="last"><a href="sitemap.html"><img src="images/icon3.gif" alt="" /></a></li>
        </ul>
        <ul class="site-nav">
          <li><a href="index.html">Inicio</a></li>
          <li><a href="servicios.html">Servicios</a></li>
          <li><a href="computo.html">Cómputo</a></li>
          <li><a href="formulario_anunciate/forma.php">Contacto</a></li>
<!--          <li><a href="preguntas.html">Preguntas Frecuentes</a></li> -->
          <li class="last"><a href="sitemap.html">Site Map</a></li>
        </ul>
        <div class="logo"><a href="index.html"><img src=" " alt="" width="640" height="77" /></a></div>
        <div class="slogan"></div>
      </div>
      <!-- content -->
      <div id="content">
        <div class="wrapper">
          <div class="col-1">
            <h1 align="center" class="Estilo2">&nbsp;</h1>
            <table width="600" border="0" cellspacing="0">
              <tr>
                <td width="158">&nbsp;</td>
                <td width="438"><h1 class="Estilo17">&nbsp;</h1>
                </td>
              </tr>
              <tr>
                <td colspan="2" valign="top"><div align="justify" class="Estilo2">
                  <p>&nbsp;</p>
                  </div></td>
              </tr>
              <tr>
                <td colspan="2" valign="top"><p align="justify">&nbsp;</p>
                </td>
              </tr>
              <tr>
                <td colspan="2" valign="top"><p align="justify">&nbsp;</p>
                </td>
              </tr>
              <tr>
                <td colspan="2" valign="top">&nbsp;</td>
              </tr>
            </table>
            
            </ul>
            <p>&nbsp;</p>
          </div>          
          <div class="col-2">
            <h3>ANUNCIOS</h3>
            <div class="img-box">
              <p align="center">&nbsp;</p>
              <p align="center">&nbsp;</p>
              <p align="center">&nbsp;</p>
              <p><a href="ofertas.html"></a> </p>
              <p align="justify">&nbsp;</p>
              <p align="justify">&nbsp;</p>
            </div>
          </div>
        </div>
        <p>&nbsp;</p>
      </div>
      <!-- footer -->
      <div id="footer">
        <div class="indent">
        <div class="fleft"></div>
        <div class="aligncenter"><table width="500" border="0" align="right" cellspacing="5" bgcolor="#464646">
  <tr>
    <td><div align="center"><a href="#">Ir Arriba</a> </div></td>
    <td><div align="center"><a href="index.html">Inicio</a></div></td>
    <td><div align="center"><a href="servicios.html">Servicios</a></div></td>
    <td><div align="center"><a href="computo.html">Cómputo</a></div></td>
    <td><div align="center"><a href="formulario_anunciate/forma.php">Contácto</a></div></td>
  </tr>
</table>
</div> 
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

julg03 · #10 (**permalink**) 22/03/2013, 14:02

Bueno. Como casi siempre pasa con éstos problemas, cuando no estás enfrascado en la solución ó estás en otra cosa, la solución (al menos eso creo), se presenta sola. La primera línea de código está mal comentada:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">.

Procedí a corregirla:



¡Y ya se ven bien!...ya carga los CSS, menús, fondos, etc.. Ésa es la buena. La mala es que está así en todos los archivos que llevo revisando y que hasta ahora son 10. Estoy sospechando de algún virus, pero ésa fue mi primera opción y revisión. Volveré a darle una revisada. Y además ya revisé los otros archivos (los de la USB) y están igual, sólo que como dije antes en la LAPTOP si corren bien.

Seguiré revisando porque, aunque esto soluciona parte de mi problema si me gustaría saber porque se dio esto. Cualquier comentario será bien recibido.

Gracias por su tiempo.

Triby · #11 (**permalink**) 22/03/2013, 15:18

Realmente no es una línea comentada, sino la declaración del tipo de documento, para que el navegador sepa el juego de reglas que debe aplicar, más info en: http://www.w3schools.com/tags/tag_doctype.asp

En todo caso, como ya te sugerimos, no abras los html directamente, sino desde un servidor web, que puedes instalar fácilmente en tu PC.

A menos claro, que el usuario final tenga que abrir las páginas desde una USB, CD, etc., en ese caso, tendrás que buscar otra alternativa.

Se me ocurre que tengas configurado tu IExplorer en modo de compatibilidad que, dicho sea de paso, creo que nadie sabe a ciencia cierta con qué es compatible!

julg03 · #12 (**permalink**) 23/03/2013, 08:14

Muchas gracias Triby por tomarte la molestia de contestar. Como dije antes, el que sabe...sabe...y yo soy niofito en esto. Voy a leer con gran interés tu enlace sobre w3schools. Voy a revisar bien lo del Iexplorer y seguiré haciendo pruebas. Porque sigo sin entender, el porqué los mismos archivos HTML funcionan bien en una laptop cualquiera sin Dweaver, sin servidor de prueba, sin nada de nada...y en mi PC de escritorio no.

En éste punto, no sé si se deba dar por solucionado el tema. Si no lo cierran seguiré informando del asunto, porque (por lo que he visto) no es muy común éste problema y me gustaría aportar la solución. Siento que ando cerca.

Mil Gracias por tu tiempo.