background-image en hoja de estilo externa

[cristian_cena]

tengo un index.html y una carpeta llamada "css" y otra llamada "img" en la raiz del sitio. Dentro de la carpeta "css" tengo un archivo llamado maqueta.css y dentro de la carpeta "img" tengo una imagen llamada "cabecera.png"

linkeo la hoja de estilos externa en index.html del siguiente modo:
<link rel="stylesheet" href="css/maqueta.css" />

el estilo en cuestion es:

#header{
width:64.00em;
height:15.94em;/*255px*/
background-image:url(img/cabecera.png);
}

<div id="header"></div>

Lo raro es que si incluyo el estilo dentro de <style></style> en el mismo index.html la imagen de fondo se ve perfectamente, ahora si lo hago mediante una hoja de estilo externa ya no se ve el background-image.

A que se debera?

Desde ya muchas gracias.

[jomaruro]

Hola:

¡Claro! porque no te la encuentra. Te la está buscando desde la carpeta donde está el CSS css/img/cabecera.png, deberías ponerlo ../img/cabecera.png, es decir que desde la carpeta css se vaya a la carpeta raiz ../ y de ahí a img/cabecera.png.

Si no te ha quedado claro busca información sobre rutas relativas y rutas absolutas.

Saludos.

[cristian_cena]

Aaaahhhhh, con "../" le digo que valla a la raiz! mira como había sido. Muchas gracias jomaruro, problema resuelto .

[daPhyre]

Para ser precisos, "../" no significa que vaya a la raíz, si no que vaya una carpeta arriba. Te aviso para que no te cause problemas en el futuro. Suerte

[cristian_cena]

Ok, se agradece amigo

[jomaruro]

Hola:

Iniciado por daPhyre

Para ser precisos, "../" no significa que vaya a la raíz, si no que vaya una carpeta arriba. Te aviso para que no te cause problemas en el futuro. Suerte

Cierto, perdón por el lapsus.

Saludos.