Imprimir Web con medidas exactas en cm

[Nachoseo]

Hola a Tod@s,

Tengo una Web realizada con CSS donde se muestran dos puntos separados por una distancia que viene de una fórmula matemática que se calcula con los valores introducidos previamente por el usuario.

El caso es que esos dos puntos son 2 imágenes de 300ppp y entre ellos he creado una capa a la que le meto en el height la distancia entre esas dos imágenes de este modo:

Código HTML:

<img src="imagenes/imagen1.gif" />
<div style="height: distancia en cm;"></div>
<img src="imagenes/laser300.gif" />
 

El caso es que a la hora de imprimir si mido con una regla esa distancia no es real ¿Sabéis como puedo hacer para imprimir las medidas exactas?

Pongo este mensaje aquí porque creo que es más un tema de diseño gráfico e impresión. Si no lo veis así pido disculpas.

Gracias por la ayuda!!

[Rafael]

Hola Nachoseo.
Te pongo primero un link sobre el uso de imagenes y su resolución.
http://www.forosdelweb.com/f6/hablem...6/#post2940917
Básicamente lo de 300 dpi en medios electrónicos acaba siendo volatilizado del planeta.

Hay 2 alternativas.
1) Se utiliza una hoja de estilos para "printed media"
2) Generas un pdf en el servidor. (Esta solución también será relativa ya que el pdf tiene opciones de escalado según la impresora)

Muevo el tema a Css.

Saludos.

Editado. Ojo. El formato GIF no guarda la información de dpi. Para esto usa específicamente JPG que sí la guarda.

[kseso?]

Estilos Css para imprimir

Como supongo que está haciendo uso de programación, sólo debe posicionar el segundo punto a la distancia calculada y utilizar como unidad cualquiera de las físicas (cm, mm...) en el css para impresión.

Más detalles es difícil, pues dependerá de cómo tenga estructurada su página (el layout). Pero podría ser algo así:

Código HTML:

<div id="contiene_puntos">
<img id="punto1" src.......... />
<img id="punto2" src.......... />
</div>
 

El css aincluir en el media="print";

Código CSS:

#contiene_puntos {
 position: relative;
height: /* el necesario */;
width: /*el suficiente */;
}
img#punto1 {
position: absolute;
left: 0;
top: Xmm; /*si se necesita */
/* resto declaraciones */
}
img#punto1 {
position: absolute;
left: Xmm; /*el valor calculado*/
/*resto de declaraciones */
}
 

Amplio:
En caso de que la caja de página (@page) no quepa en el medio (papel de la bandeja), la impresora debe dar al usuario opciones para evitar la pérdida de información: rotar, escalar, reducir... e incluso imprimir tal cuál, por lo que dicha medida se vería alterada.