Hola amigos recurro a ustedes, ya que de tanto visitar tutoriales y respuestas por la red, no eh podido encontrar una solucion a mi problema.
estoy haciendo una maqueta en html con hoja de estilo, la plantilla tiene de fondo una imagen la cual al imprimir la pagina esta no se me ve, la enlace con otra hoja de estilo colocando el atributo media="print" pero aun asi no se me visualiza la imagen de fondo que esta en el header. alguien me podria orientar en solucionar el problema adjunto el codigo, desde ya un abrazo bye:)
Código HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" ><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<title>Prueba</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link href="estilo.css" rel="stylesheet" type="text/css" media="screen" />
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
</head>
<body>
<div id="contenedor" >
<div id="header" > Head </div>
<div id="wrapper" class="clearfix" >
<div id="contenido" >contenido </div>
</div>
<div id="footer" > Footer
</div>
</div>
</body>
</html>
----------------------------------------------------------------------------------
Hoja de Estilo (print)
html, body{
margin:0;
padding:0;
text-align:center;
}
#contenedor{
width:780px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#header{background-image:url(imagenes/logo.jpg);
height:350px;
}
#contenido{background-color: #FFFFFF;
width:;
}
#footer{
height:150px;
background-color:#292926;
clear:both;
}
/* *** hack css *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
----------------------------------------------------------------------
Hoja de estilo (normal)
html, body{
margin:0;
padding:0;
text-align:center;
}
#contenedor{
width:780px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#header{ background-image:url(imagenes/logo.jpg);
height:350px;
}
#contenido{background-color: #FFFFFF;
width:;
}
#footer{
height:150px;
background-color:#292926;
clear:both;
}
/* *** hack css *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
