Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Se puede hacer en css que una pagina sea igual que un Din A4 en el foro de CSS en Foros del Web. Tengo este codigo que se asemeja a un folio en blanco: Código PHP: body  {      background :  #F2F2F2;      font - family :  Arial ...
  #1 (permalink)  
Antiguo 28/03/2010, 08:20
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
Se puede hacer en css que una pagina sea igual que un Din A4

Tengo este codigo que se asemeja a un folio en blanco:
Código PHP:
body {
    
background#F2F2F2;
    
font-familyArial;
    
font-size13px;
    
line-height1.6;
    
color#444;
}

#content {
    
width65%;
    
margin30px auto;
    
padding20px 60px;
    
border1px 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
  #2 (permalink)  
Antiguo 03/04/2010, 21:34
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 6 meses
Puntos: 44
Respuesta: Se puede hacer en css que una pagina sea igual que un Din A4

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

Etiquetas: Ninguno
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 01:51.