Se puede hacer en css que una pagina sea igual que un Din A4

corretodo · #1 (**permalink**) 28/03/2010, 07:20

Tengo este codigo que se asemeja a un folio en blanco:

Código PHP:

  body {

    background: #F2F2F2;

    font-family: Arial;

    font-size: 13px;

    line-height: 1.6;

    color: #444;

}

 
#content {

    width: 65&#37;;

    margin: 30px auto;

    padding: 20px 60px;

    border: 1px solid #D2D2D2;

    background: #FFF;

 
}

Pero he de presentar una pagina de texto que semeje a una hoja DIN A4 y con ese codigo a veces me paso y no se como hacerlo y me gustaria si puede ser que si me paso con el testo, este se viera en la siguiente pagina.
O si lo tengo que controlar manualmente, al menos como puedo hacer en css para ver una hoja DIN A4 y poder escribir en en DIN A4
El DIN A4 a de ser siempre fijo este lleno de texto o no.

Muchas Gracias

deirdre · #2 (**permalink**) 03/04/2010, 20:34

Hola corretodo

Mira si esto te vale:

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">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tamaño DIN A4</title>
<style type="text/css">
html, body {
	margin: 0; 
	padding: 0; 
	overflow: auto;
}
body { 
    background: #f2f2f2; 
    font-family: Arial; 
    font-size: 13px; 
    line-height: 1.6; 
    color: #444; 
} 
#dina4 {
    width: 210mm;
    height: 297mm;
    padding: 20px 60px; 
    border: 1px solid #D2D2D2; 
    background: #fff;
    margin: 10px auto;
}
</style>
</head>

<body>
<div id="dina4">Tamaño de este contenedor: 210mm x 297mm (Din A4)</div>
</body>

</html>

Saludos