[Error] Al mostrar pagina con diseño de tablas.

IsmaelSir · #1 (**permalink**) 13/07/2013, 12:19

Pues tengo mi diseño web básico hecho con tablas, que ha sido más cómodo para mi. Hasta la fecha ha estado funcionando bien pero por ciertas razones cambiamos de host y ahora han aparecido unos problemas.

Aunque el código de los archivos no ha sido editado, al mostrar la pagina apaceren una serie de deformaciones.

Digamos que si el diseño es así:

Código:

[-----]
[-----]
[-----]
[-----]
[-----]

Pues lo que muestra la página es lo siguiente:

Código:

[-----]

[-----]
[-----]

[-----]

[-----]

En cierto modo, añade unas separaciones inexistentes en el código. Al analizar el código fuente, aparecen una serie de comillas en dichos espacios en blanco, a veces en la misma linea, o a veces en distintas lineas.

¿Qué es y como puedo repararlo? Gracias.

pzin · #2 (**permalink**) 13/07/2013, 12:22

Bienvenido al foro IsmaelSir.

Publica algo del código, porque así a ciegas es difícil saber el problema.

Diseñar con tablas se considera una mala práctica. Se hacía hace bastante años, y por aquel entonces ya era algo que no debía de hacerse.

Triby · #3 (**permalink**) 13/07/2013, 12:27

En este ejemplo, la primera imagen no deja espacios, pero la segunda sí.

Código HTML:

Ver original<table>
<tr>
    <td><img src="sin-separaciones.gif" /></td>
</tr>
<tr>
    <td>
           <img src="con-separaciones.gif" />
    </td>
</tr>
</table>

La explicación es más o menos sencilla: el comportamiento de una celda es muy diferente al de un div; de hecho, como te comenta pzin, esa es una de las tantas razones por las que diseñar con tablas se considera una mala práctica.

Por cierto, tu HTML es estático o usas algún lenguaje de servidor?
Es muy extraño que aparezcan/desaparezcan cosas en el código fuente.

IsmaelSir · #4 (**permalink**) 13/07/2013, 12:39

A ver, este es el codigo de la pagina una vez mostrada:

En realidad lo de las tablas es secundario, porque lo llega a mostrar hasta en el head.

P.D: Ahora que me fijo tampoco muestra la etiqueta del cierre del head.

pzin · #5 (**permalink**) 13/07/2013, 13:03

Eso no es el código de la página, es el código que te muestra el inspeccionador de elementos. Para ver el código fuente real, click derecho > ver código fuente.

Publica código, no una imagen del código.

IsmaelSir · #6 (**permalink**) 13/07/2013, 13:32

El codigo fuente real (el que me has dicho) Muestra el codigo sin mostrar nada extraño donde estan las separaciones.

Código HTML:

<head>
<title> title</title>
<html xmlns="http://www.w3.org/1999/xhtml">
<meta name="Version" content="CMS V 2.0 BETA" />
<meta name="Autor" content="Web" />
<base href="http://base" />
<script src="./images/js/jquery.js" type="text/javascript"></script>
<style type="text/css">

Ese es en el primer caso, donde muestra las primera scomillas, el codigo es tal cual.

Si hace falta lo pego todo pero esque es bastante xd

pzin · #7 (**permalink**) 13/07/2013, 13:52

Pega el código relevante, porque lo que haya dentro de head en principio no interesa verlo.