Includes y saltos de linea

#1 (**permalink**) 13/03/2012, 07:38

Buenas, tengo los siguientes archivos:

index.php:

Código HTML:

<!DOCTYPE html>

<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
</head>
<body>
	<?php include("resources/html/header.html");?>
</body>
</html>

header.html

Código HTML:

<header id="cabecera">
</header>

Y he comprobado en ambos que no haya espacios en blanco, saltos de línea y todo eso... pero no sé por qué pero sigue saliendo un espacio en blanco al principio de la página que hace que quede una franja vacía en la parte superior de la página.

Todo esto vino a raíz de cambiar la codificación de los archivos de ANSI a UTF-8 para poder mostrar correctamente los acentos que había en el contenido de la base de datos, puesto que cambiar el cotejamiento de la base de datos y de las tablas no era suficiente, y añadir <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> en los archivos con HTML y header("Content-Type: text/html;charset=utf-8"); a los que contenían integramente PHP solucionaba el problema en el contenido cargado de la base de datos, pero lo hacía aparecer en el contenido HTML estático, lo que me llevó a pensar que el error estaría en la codificación de los archivos, pero ahora me encuentro con esto... TT

Espero que alguien pueda ayudarme. ¡Muchas gracias!

Se me olvidaba una cosa: los dos archivos de arriba están tan vacíos para comprobar que el espacio no fuese por un salto de línea, espacio, echo... que se me hubiese pasado por alto. En el código original hay un include y un require y incluso haciendo referencia a un archivo vacío producen este problema...

Dejo una captura del problema (del inspector de Chrome) para poder apreciarlo con el código que he puesto:

Si alguien cree necesario que suba todo el código que lo diga y lo pongo.

maycolalvarez · #2 (**permalink**) 13/03/2012, 08:03

aún así dicho espacio no debe afectar a tu contenido, si lo afecta es por otra causa, sería bueno que colocaras un link online para ver en nuestros navegadores

x3xtres · #3 (**permalink**) 13/03/2012, 08:16

Igual estoy diciendo una burrada, pero si mal no recuerdo no puedes poner un include después de código html, tienes que ponerlo por encima del código html sino da problemas.

EDIT: No, era con el header() no include().

IsaBelM · #4 (**permalink**) 13/03/2012, 08:26

como recién que empiezo con php, he escuchado campanas y no sé donde. es posible que se resuelva el problema usando las funciones ob_start() y ob_end_flush()??

maycolalvarez · #5 (**permalink**) 13/03/2012, 09:23

Cita:

Iniciado por IsaBelM

como recién que empiezo con php, he escuchado campanas y no sé donde. es posible que se resuelva el problema usando las funciones ob_start() y ob_end_flush()??

esas instrucciones te permiten controlar el flujo de salida, pero no es necesario en este caso, el problema que comenta es que le crea un espacio en blanco, ha de ser por caracteres invisibles en el comienzo del archivo, puede también deberse al BOM, de igual forma como HTML ignora eso no debería afectarle su vista, ano ser que quiera ocultar el margen de la página, lo cual es CSS

#6 (**permalink**) 13/03/2012, 10:07

Bueno, aquí les dejo la página (o lo que hay hecho de ella). La zona de color verde debería tocar la parte superior del navegador, sin dejar esa franja vacía.

Ya de paso, si por casualidad alguien sabe por qué no se me ven las imágenes PNG y cómo arreglar eso me haría un favor. La página está alojada en 000webhost.

http://theenglishfair.site50.net/

#7 (**permalink**) 13/03/2012, 14:37

Ya está solucionado, era problema del BOM. Aunque HTML lo ignora, no es el caso de PHP, que añade esa franja blanca al inicio de la página. Tan solo hay que eliminar el BOM manualmente o cambiar la codificación del archivo a "UTF-8 sin BOM" con Notepad++.

Gracias a todos por la ayuda :)