Cómo utilizar DIV Posicionamiento en una hoja de estilos de impresión CSS

hojas de estilo CSS de impresión le permiten colocar un elemento div HTML en cualquier lugar en su página web. Puede usar el atributo "absoluta", a continuación, especifique la ubicación de la colocación del div en la página. Se establece la colocación en píxeles, por lo que puede mover la imagen en la parte superior o inferior de la página. Normalmente, se tarda varios intentos de averiguar la posición perfecta para el elemento div.

Instrucciones

1 Haga clic en el archivo HTML que contiene la etiqueta div que desea colocar. Haga clic en "Abrir con", a continuación, en el editor de HTML que desee utilizar para crear el código.

2 Busque la div dentro del código HTML. Puede colocar uno o todos los contenedores div. No importa donde el div se encuentra en el HTML porque la propiedad de posicionamiento mueve el div en el navegador del usuario.

3 Escriba el estilo CSS en la etiqueta del div. El siguiente código posiciona el div en la esquina superior izquierda del navegador Web:

<Div id = style = "position: absolute; top: 5px; left: 5px;" "left"> </ div>

La posición de "absoluta" indica al navegador para colocar el div con relación al recipiente. La definición "5px" indica al navegador para mover la etiqueta div cinco píxeles hacia abajo desde la parte superior de la ventana del navegador y cinco píxeles desde la parte izquierda de la ventana del navegador.

4 Guarde el archivo y abrirlo en un navegador Web. Ver la ubicación de la etiqueta div. Si desea volver a colocar la etiqueta div de nuevo, repita estos pasos y cambiar las propiedades de píxeles.