Será problema del Include?

[matungoo]

Hola, no tengo mucha idea de PHP pero através de un include llamo a otro archivo que agrega un gráfico del clima. Todo se bien en Firefox pero en IE 6 ni aparece.
¿Será un problema del include cuando llamo a las imágenes? Ya que estuve viendo un y revisando el CSS pero no logro resultados.

Este es el Código PHP que llama las imágenes:

Código:

<div id="weather" style="background:url('../imagenes/clima/icon<?php echo $ampm; ?>.png')no-repeat 0px 0px;">
<div id="current" style="background:url('../imagenes/clima/<?php echo $icon.$ampm.".png"; ?>')no-repeat">
<div id="temp"><?php echo $weather->get_temperature(); ?>&deg;<?php echo $unit; ?></div>
<div id="fore"><?php echo $fore[0]->get_low()."&deg;".$unit; ?> - <?php echo $fore[0]->get_high()."&deg;".$unit; ?></div>

y este es el código Html que se genera:

Código:

<div id="weather" style="background:url('www.ilovelasgrutas.com.ar/imagenes/clima/icond.png')no-repeat 0px 0px;">
<div id="current" style="background:url('www.ilovelasgrutas.com.ar/imagenes/clima/28d.png')no-repeat">
<div id="temp">19&deg;C</div>
<div id="fore">14&deg;C - 25&deg;C</div>
<div id="city">Las Grutas</div>
</div>
</div>

Y esta es la página donde se implementa.

[XLogus]

Es un problema de CSS, chequea esta linea

Código:

<div id="weather" style="background:url('../imagenes/clima/icond.png')no-repeat 0px 0px;">

quitale las comillas a la imagen de fondo a todas las imagenes, en CSS no se usan

[pateketrueke]

recuerda que PHP es lenguaje del servidor, si el cliente (navegador) no puede, se debe al HTML/CSS/Javascript ... pero no a PHP ... entiendes?

tal ves, deberías usar las rutas completas... empezando con http://...

suerte!

[XLogus]

pateketrueke, si le das una chequeada desde IE veras que si aparecen los datos del clima en letra blanca y sin fondo por eso no son visibles, es un pequeño error de CSS y no me parece buena idea usar rutas absolutas sobre todo en CSS

[fmurga]

De acuerdo totalmente con XLogus, el problema es de CSS.

@matungoo:

¿Has considerado incluir la imágen del background desde tu CSS?

Si de todos modos estás declarando el estilo, sería mejor que lo hicieras desde la misma hoja de estilos.

Mis dos centavos de hoy....

[matungoo]

Gracias a todos por las respuestas, probé con todas las soluciones que me dieron aquí pero no se soluciono el problema, ni sacándole las comillas ni arrancando desde http://.

Además no puedo hacerlo directamente desde la hoja de estilos porque la imagen del fondo y el icono depende del horario y el clima.

Seguiré revisando...

[fmurga]

Iniciado por matungoo

Gracias a todos por las respuestas, probé con todas las soluciones que me dieron aquí pero no se soluciono el problema, ni sacándole las comillas ni arrancando desde http://

Además no puedo hacerlo directamente desde la hoja de estilos porque la imagen del fondo y el icono depende del horario y el clima.

Seguiré revisando...

Quitaste las comillas del html y del php?

[matungoo]

Si quite la comillas de ambos, probe con varias opciones y no pasa nada. Aquí puedes ver un ejemplo de donde saque el código, es igual al que tengo en la página y si se ve en IE6.

[XLogus]

Para que funcione en IE debes cambiar esta linea

Código:

<div id="weather" style="background: transparent url('http://www.ilovelasgrutas.com.ar/imagenes/clima/iconn.png') no-repeat scroll 0px 0px; ">

Lo mas importante es hacer aparecer ese scroll en el estilo

[fmurga]

Acabo de descubrir esto en tu código HTML:

Nunca te va a cargar las imágenes si no utilizas una ruta relativa o una absoluta. La forma como lo estás haciendo no es correcta.

Estás tratando de usar una ruta absoluta, sin el http! Con razón no te carga!

Prueba de esta forma:

Código:

<div id="weather" style="background:url('http://www.ilovelasgrutas.com.ar/imagenes/clima/icond.png')no-repeat 0px 0px;">
<div id="current" style="background:url('http://www.ilovelasgrutas.com.ar/imagenes/clima/28d.png')no-repeat">

Además en el código PHP, cuando mandas a llamar la imágen con

Código:

="background:url('../imagenes/clima

le estás indicando que el directorio imagenes no está en el mismo nivel del script. Revisa tus rutas relativas y absolutas.

Allí encontrarás la respuesta.

[fmurga]

jajaja...

Llegué algo tarde, veo que resolviste tu problema.

Solo revisa por qué tu título se sobrepone con los anuncios de google.

editado:

Nop, IE7 no lo muestra, en FireFox no hay problema.

[GatorV]

Tema trasladado a CSS.

[Mikmoro]

No sé si lo has resuelto por fin, pero así debería funcionar:

<div id="weather" style="background: url(imagenes/clima/icond.png) no-repeat;">

[matungoo]

Problema resuelto, gracias a todos por los comentarios y sugerencias. Al final puse la URL completa desde http para que cargara la imagen, también le saque el no-repeat a la imagen del fondo para que se pueda ver.

De nuevo, muchas gracias!