Tema: Pagina HTML se descuadra si se ve desde C:
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 22/03/2013, 11:15
julg03
 
Fecha de Ingreso: julio-2011
Mensajes: 47
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Pagina HTML se descuadra si se ve desde C:
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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <script type="text/javascript">
  6. function parpadeo() {
  7. var imagen = document.images["parpadeante"];
  8. imagen.style.visibility = (imagen.style.visibility == "visible") ? "hidden" : "visible";
  9. }
  10. setInterval("parpadeo()", 500);
  11. </script>
  12.  
  13. <title>Artículos Médicos</title>
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  15. <meta http-equiv="Content-Style-Type" content="text/css" />
  16. <meta name="description" content="Place your description here" />
  17. <meta name="keywords" content="put, your, keyword, here" />
  18. <link href="style.css" rel="stylesheet" type="text/css" />
  19. <link href="layout.css" rel="stylesheet" type="text/css" />
  20. <!--[if lt IE 7]>
  21.    <link href="style_ie.css" rel="stylesheet" type="text/css" />
  22. <![endif]-->
  23. <style type="text/css">
  24. <!--
  25. .Estilo2 {font-size: 16px}
  26. -->
  27. </style>
  28. <style type="text/css">
  29. <!--
  30. p.MsoNormal {
  31. margin:0cm;
  32. margin-bottom:.0001pt;
  33. font-size:11.0pt;
  34. font-family:Arial;
  35. }
  36. .Estilo15 {
  37.     font-size: 12px;
  38.     font-weight: bold;
  39. }
  40. .Estilo16 {font-size: large}
  41. .Estilo17 {
  42.     color: #0066CC;
  43.     font-weight: bold;
  44.     font-size: large;
  45. }
  46. -->
  47. </style>
  48. </head>
  49. <body id="page2">
  50. <div class="tail-top-right"></div>
  51. <div class="tail-top">
  52.   <div class="tail-bottom">
  53.     <div id="main">
  54.       <!-- header -->
  55.       <div id="header">
  56.         <ul class="list">
  57.           <li><a href="index.html"><img src="images/icon1.gif" alt="" /></a></li>
  58.           <li><a href="formulario_anunciate/forma.php"><img src="images/icon2.gif" alt="" /></a></li>
  59.           <li class="last"><a href="sitemap.html"><img src="images/icon3.gif" alt="" /></a></li>
  60.         </ul>
  61.         <ul class="site-nav">
  62.           <li><a href="index.html">Inicio</a></li>
  63.           <li><a href="servicios.html">Servicios</a></li>
  64.           <li><a href="computo.html">Cómputo</a></li>
  65.           <li><a href="formulario_anunciate/forma.php">Contacto</a></li>
  66. <!--          <li><a href="preguntas.html">Preguntas Frecuentes</a></li> -->
  67.           <li class="last"><a href="sitemap.html">Site Map</a></li>
  68.         </ul>
  69.         <div class="logo"><a href="index.html"><img src=" " alt="" width="640" height="77" /></a></div>
  70.         <div class="slogan"></div>
  71.       </div>
  72.       <!-- content -->
  73.       <div id="content">
  74.         <div class="wrapper">
  75.           <div class="col-1">
  76.             <h1 align="center" class="Estilo2">&nbsp;</h1>
  77.             <table width="600" border="0" cellspacing="0">
  78.               <tr>
  79.                 <td width="158">&nbsp;</td>
  80.                 <td width="438"><h1 class="Estilo17">&nbsp;</h1>
  81.                 </td>
  82.               </tr>
  83.               <tr>
  84.                 <td colspan="2" valign="top"><div align="justify" class="Estilo2">
  85.                   <p>&nbsp;</p>
  86.                   </div></td>
  87.               </tr>
  88.               <tr>
  89.                 <td colspan="2" valign="top"><p align="justify">&nbsp;</p>
  90.                 </td>
  91.               </tr>
  92.               <tr>
  93.                 <td colspan="2" valign="top"><p align="justify">&nbsp;</p>
  94.                 </td>
  95.               </tr>
  96.               <tr>
  97.                 <td colspan="2" valign="top">&nbsp;</td>
  98.               </tr>
  99.             </table>
  100.             
  101.             </ul>
  102.             <p>&nbsp;</p>
  103.           </div>          
  104.           <div class="col-2">
  105.             <h3>ANUNCIOS</h3>
  106.             <div class="img-box">
  107.               <p align="center">&nbsp;</p>
  108.               <p align="center">&nbsp;</p>
  109.               <p align="center">&nbsp;</p>
  110.               <p><a href="ofertas.html"></a> </p>
  111.               <p align="justify">&nbsp;</p>
  112.               <p align="justify">&nbsp;</p>
  113.             </div>
  114.           </div>
  115.         </div>
  116.         <p>&nbsp;</p>
  117.       </div>
  118.       <!-- footer -->
  119.       <div id="footer">
  120.         <div class="indent">
  121.         <div class="fleft"></div>
  122.         <div class="aligncenter"><table width="500" border="0" align="right" cellspacing="5" bgcolor="#464646">
  123.   <tr>
  124.     <td><div align="center"><a href="#">Ir Arriba</a> </div></td>
  125.     <td><div align="center"><a href="index.html">Inicio</a></div></td>
  126.     <td><div align="center"><a href="servicios.html">Servicios</a></div></td>
  127.     <td><div align="center"><a href="computo.html">Cómputo</a></div></td>
  128.     <td><div align="center"><a href="formulario_anunciate/forma.php">Contácto</a></div></td>
  129.   </tr>
  130. </table>
  131. </div> 
  132.         </div>
  133.       </div>
  134.     </div>
  135.   </div>
  136. </div>
  137. </body>
  138. </html>