Imprimir el fondo de esta linea de tiempo

[lukas4]

hola que tal tengo algo como esto y como pueden apreciar tiene colores de fondo, barritas de colores y demas cosas, y pues lo que quiero es que cuando se mande a imprimir se imprima con todos esos colores y demas cosas, porque cuando lo mando a imprimir solo me manda el texto de los eventos.

revise esta pregunta y dicen que ponga media="print, screen" pero a mi nome funciono, les dejo el codigo de mis estilos del archivo:

Código css:

.titulo{
    position: absolute;
    left:500px;
    top: 5px;
}
.fin{
    position:absolute;
    left: 1500px;
    top:250px;
    height:200px;
    width: 1024px;
    margin-left: -512px;
}
</style>
<style>
@media screen,print{
    .estilo{
        position: absolute;
        left: 565px;
        top: 50px;
        height:200px;
        width:1024px;
        margin-left: -512px;
        border:1px solid #000000;
    }
}
 

y aqui asigno el estilo a mi div:

Código html:

<div id="my-timeline" class="estilo" ></div>
 

nota: el div esta vacio porke todo ocurre en una funcion de javascript que se ejecuta al cargarse la pagina

[Carlangueitor]

Bueno lo que pasa es que en el CSS no estas definiendo el color de fondo de las "barritas" y por eso no te lo toma, pero igual todo depende de como tengas configurado el navegar al momento de imprimir.

Saludos

[lukas4]

si, de eso me di cuenta, pero el problema es que esas barritas se generan en un archivo de javascrpt, y pues ahi ya no se como sacar esos datos :S

[lukas4]

de hecho, la informacion se saca de un XML, y en el XML viene el color de cada barrita.

Ejemplo:

Código XML:

<?xml version="1.0" encoding="utf-8"?>
<data>
    <event start="May 28 2006 09:00:00 GMT" end="Jun 15 2006 09:00:00 GMT" isDuration="true" title="Writing Timeline documentation"  trackMum="7" textColor="#000000">
 
        A few days to write some documentation for <a href="http://simile.mit.edu/timeline/">Timeline</a>.
        
    </event>
    
    <event start="Jun 15 2006 00:00:00 GMT" end="Jun 26 2006 00:00:00 GMT" isDuration="true" title="Friend's wedding" trackNum="1" color="FFFFF">
 
        I'm not sure precisely when my friend's wedding is.
        
    </event>
    
    <event start="Jun 26 2006 00:00:00 GMT" end="Aug 01 2006 00:00:00 GMT" isDuration="true" title="Trip to Beijing" link="http://travel.yahoo.com/" trackNum="2" color="#eb0b0b">
        Woohoo!
    </event>
    <event start="Aug 01 2006 00:00:00 GMT" end="Aug 03 2006 00:00:00 GMT" isDuration="true" title="titulo 4 bien grandototototote" trackNum="3" color="#0b11ef">
        evento 4
    </event>
    <event start="Aug 03 2006 00:00:00 GMT" end="Aug 06 2006 00:00:00 GMT" isDuration="true" title="titulo 5 bien grandototototote" trackNum="4" color="#0bef4c">
        evento 5
    </event>
</data>
 

el color se asigna en el tag de color.