Foros del Web » Creando para Internet » HTML »

page-break dentro de un DIV con posición relativa

Estas en el tema de page-break dentro de un DIV con posición relativa en el foro de HTML en Foros del Web. Buenas a todos. Necesito que al previsualizar una página HTML (print preview) se registre un salto de página de manera correcta, pero restringido a las ...
  #1 (permalink)  
Antiguo 13/04/2011, 18:13
 
Fecha de Ingreso: abril-2011
Mensajes: 2
Antigüedad: 6 años, 7 meses
Puntos: 0
Pregunta page-break dentro de un DIV con posición relativa

Buenas a todos.

Necesito que al previsualizar una página HTML (print preview) se registre un salto de página de manera correcta, pero restringido a las condiciones del siguiente código:

Código:
<html>
	<div style="height: 960px; width: 600px; display: block; position: relative;" >
		<div style="top:20px; position: absolute;">DIV 1</div>
		<div style="top:1050px; position: absolute;">DIV 2</div>
	</div>
</html>
Tener componentes con posición absoluta dentro de un DIV con posición relativa.
Buscando en la web encontré que el tamaño vertical en "px" de una página A4 es 960px, pero como se ve en el código, el segundo DIV está mucho más abajo que eso.

Además, el page break no se ejecuta automáticamente, y en la práctica no puedo agregar a mano un style="page-brake-before:always"... porque mi página es creada con expansión dinámica a través de un iterador de Tapestry.

Cualquier ayuda es bien recibida. Gracias.
  #2 (permalink)  
Antiguo 14/04/2011, 05:52
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: page-break dentro de un DIV con posición relativa

Cita:
Buscando en la web encontré que el tamaño vertical en "px" de una página A4 es 960px...
buenas,
de donde sea que hayas obtenido ese dato, tecnicamente no esta mal ni bien. la conversion de cualquier unidad a pixeles no se hace sobre un valor fijo sino a base de otros aspecto. en este caso, sobre la cantidad de puntos o pixeles en una dimension para una unidad dada. mas aun, no todos los dispositivo tienen un mismo valor. por ejemplo, un monitor por lo general esta configurado a 96ppi (pixel-per-inch) lo cual es equivalente a ~3.7795 pixeles en un milimetro.

monitor: 96ppi / 25.4mm = ~3.7795 pixel/mm (pixel-per-millimeter)
impreso alta resolucion: 300dpi / 25.4mm = ~11.811 pixel/mm

de modo que si un A4 de alto mide 297mm
monitor: ~3.7795 * 297 = 1123px
impreso alta resolucion: ~11.811 * 297 = 3508px

como ves, absolutamente no es lo mismo. mi recomendacion es que si vas a imprimir un documento html, siempre utiliza unidades relacionadas al impreso.

en tu caso, asumiendo que 960px equivale a 297mm, se entiende que la resolucion/milimetro es 960 / 297 = 3 pixel/mm o lo mismo que 82ppi. si estos son tus parametros, entonces esta correcto. por eso al inicio mencionaba que tecnicamente no esta bien ni mal.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Última edición por zerokilled; 14/04/2011 a las 06:00
  #3 (permalink)  
Antiguo 14/04/2011, 07:16
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: page-break dentro de un DIV con posición relativa

En cada medio hay que utilizar las medidas propias. Para medios impresos el tamaño de las cajas en mm o cm y las fuentes en puntos o mm. Para éstas últimas debería apoyarse en cualquier editor de textos para tener una referencia.

La mejor manera es crear un archivo css propio para la impresión (en papel) e incluirlo con el media="print"

Aquí se podrá informar algo más al respecto [ing], incluido los saltos de página y sus posibles valores.
  #4 (permalink)  
Antiguo 14/04/2011, 09:23
 
Fecha de Ingreso: abril-2011
Mensajes: 2
Antigüedad: 6 años, 7 meses
Puntos: 0
Respuesta: page-break dentro de un DIV con posición relativa

Muchas gracias por sus comentarios a cerca de los pixels-per-inch. Me han servido de mucho para entender el concepto.

Sin embargo, el problema principal permanece. El DIV 2, que está posicionado en un lugar por debajo del tamaño normal de una página no se puede visualizar (queda 'escondido') y si coloco un page-break-before en medio de DIV 1 y DIV 2 el break no aplica directamente ya que al estar estos dentro de un DIV más externo, el salto de página se aplica debajo de éste gran DIV.

Gracias por sus comentarios.

Etiquetas: relativa
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 21:04.