Foros del Web » Creando para Internet » CSS »

Problema con hoja de estilo "print"

Estas en el tema de Problema con hoja de estilo "print" en el foro de CSS en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 12/07/2008, 12:39
 
Fecha de Ingreso: abril-2008
Mensajes: 10
Antigüedad: 15 años, 11 meses
Puntos: 0
Problema con hoja de estilo "print"

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 */
  #2 (permalink)  
Antiguo 12/07/2008, 12:45
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Respuesta: Problema con hoja de estilo "print"

Hola tux08

Eso depende de la configuración del usuario, normalmente las imágenes y colores de fondo no se imprimen. Sólo el usuario puede cambiarlo.

Saludos,
  #3 (permalink)  
Antiguo 12/07/2008, 19:00
 
Fecha de Ingreso: abril-2008
Mensajes: 10
Antigüedad: 15 años, 11 meses
Puntos: 0
Respuesta: Problema con hoja de estilo "print"

Sí eso lo se.. pero através de esta opción de agregar una hoja de estilo aparte resulta pero a mi no se me ven las imagenes :(
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:19.