A menudo me he encontrado con la necesidad de imprimir una página web, ya se en papel o ya sea en pdf y me he encontrado con el problema de que lo que imprimes nunca se vé como lo que realmente estás viendo. Hay veces que esto no importa, puesto que lo que quieres es poder leer la información que contiene, pero en otras ocasiones, por ejemplo si tienes que preparar un dossier de prensa con fichas de jugadores de una página web, el diseño si que importa.

Esteban me recomendó descargar un plugin para el Firefox llamado Pearl Crescent Page Server Basic, que es gratuito. Al instalar el plugin, cuando navegas por una página al pulsar sobre el botón derecho tienes la opción de capturar toda la página como una imagen png o jpeg. Te la captura toda completa (sin necesidad de utilizar las barras de desplazamiento) y sea del tamaño que sea.

1. Capturar la pagina web en cuestión.
2. Una vez que la hemos capturado y guardado como png, abrimos la captura en el Photoshop.
3. Nuestro siguiente paso será acoplar la imagen para que encaje en un folio tamaño DIN A4 estándar. Para ello, cambiaremos el tamaño del lienzo, reduciendolo a 800 pixels de ancho centrado. De esta forma se nos recorta la imagen, pero lo que nos interesa es quedarnos con la parte central.
4. Una vez tenemos la imagen recortada, ahora le cambiamos el tamaño a la imagen, colocandole 2480 pixeles de ancho, guardando la relación de aspecto entre ancho y alto.
5. Ahora el siguiente paso es crear una imagen nueva, y en la ventana de dialogo que nos pide el tamaño de la nueva imagen seleccionamos A4 dentro de los tamaños predeterminados.
6. Finalmente copiamos nuestra imagen capturada, reducida el lienzo y ampliada a la imagen vacia tamaño A4.
7. Desplazams la imagen hacia arriba o hacia abajo segun nos convenga a la hora de imprimirla, o si no cabe en un solo A4, pues intentamos recortarlo por un sitio que quede bien.
8. Finalmente ya podemos imprimir la imagen, ya sea en papel o en PDF con alguna impresora virtual como por ejemplo PDFCreator

Pues el problema estaba en que el fichero que se incluye, llamado erroneo.php está codificado usando Byte Order Mark (BOM) en UTF-8, con lo que aunque abras el fichero con un editor que soporte UTF-8 te volverás loco porque todo aparentemente está correcto.

El unico editor que me dijo que estaba usando el Byte Order Mark fué el el interno de Eclipse PHP Development Tools (paquete all-in-one), que es el que actualmente uso para programar en PHP.
Fué el unico editor que me avisó de ello… pero no dá la opción de arreglarlo, con lo que la única solución es seleccionar el contenido del fichero, crear un fichero nuevo y pastear el contenido y llamarlo igual que el fichero aceptado.

Programando una web, durante la tarde de hoy, me he encontrado con una paranoia muy grande a la que nunca antes me habia enfrentado. Una pagina con CSS y AJAX en la que en Firefox se veia todo correctamente y en el Internet Explorer no se veia apenas nada y ademas no funcionaban las funciones javascript (”error en ejecución” era el unico mensaje que obtenia depurando).

Cuando me he puesto a depurarlo paso por paso todo me he encontrado con la paranoia: Si miraba el codigo fuente con el firefox todo estaba normal, en cambio si lo hacia con el Explorer me incluia una especie de punto en mitad de la pagina que hacia que las funciones javascript que siempre habian funcionado me dieran error en ejecución y no cargara bien la hoja de estilos.

Tras unas horas peleandome, he encontrado la solución, pero no la voy a publicar hoy. Os voy a dejar un dia para que intenteis encontrar el error y para que experimenteis la misma paranoia que yo.

Si entrais aqui , y observais su codigo fuente desde los 2 navegadores podreis observar que en el Internet Explorer, entre la ‘a’ y la ‘b’ hay un punto flotante que no se visualiza en el navegador pero si en el codigo fuente.
Os podeis bajar el codigo fuente de la pagina desde aqui , para que jugueis con él.

A ver cuanto tardais en solucionarlo

Hace 1 año dejé de postear en mi antiguo blog por no tener nada que contar, pero tras unas semanas en mi nuevo trabajo, mi jefe (Ferran) me ha convencido para que mueva de nuevo mi blog.

Esta vez iré posteando las distintas soluciones adoptadas a los distintos problemas planteados a la hora de programar en PHP o cualquier otro lenguaje.

Por supuesto tampoco faltarán las dosis de humor en forma de videos.

Espero que disfruteis leyendome.