1 HTML, BODY { /* Esto es importante */2 display:block;3 margin:0;4 padding:0;5 height:100%;6 overflow:hidden;7 /* Estilo */8 font-family:sans-serif;9 }10 11 #pan_superior {12 position:absolute;13 top:0;14 left:0;15 right:0;16 height:64px;17 width:180px;18 overflow:hidden;19 /* Estilo: */20 background-color:#E0E0E0;21 text-align:center;22 }23 24 #pan_inferior {25 position:absolute;26 bottom:0;27 left:0;28 right:0;29 height:32px;30 overflow:hidden;31 /* Estilo */32 background-color:#D0D0D0;33 text-align:center;34 font-size:13px;35 }36 37 #pan_central {38 position:absolute;39 top:64px;40 bottom:32px;41 left:0;42 right:0;43 /* Estilo */44 background-color:#E0E0E0;45 }46 47 48 #pan_izquierdo {49 height:100%;50 overflow-y:scroll;51 width:200px;52 float:left;53 /* Estilo */54 background-color:#A0C0F0;55 text-align:center;56 }57 58 #pan_derecho {59 height:100%;60 overflow-y:scroll;61 width:100px;62 float:right;63 /* Estilo */64 background-color:#A0C0E0;65 text-align:center;66 }67 68 #pan_centro {69 overflow:scroll;70 height:100%;71 /* Estilo */72 background-color:#F0F0F0;73 }74 75 .margen { /* Estilo */76 padding:16px;77 }Enlace
El enlace para compartir es: