Ver Mensaje Individual
  #3 (permalink)  
Antiguo 27/01/2009, 12:59
canariozgz
 
Fecha de Ingreso: octubre-2006
Mensajes: 123
Antigüedad: 17 años, 6 meses
Puntos: 1
Respuesta: Problema con ejemplo de araudi.net

Hola gracias por la respuesta

prueba esto a ver

simplemente he cogido el codigo del ejempo puesto a la cabecera y el pie fixed y cambialo anchuras y colores y añadido contenido

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="es" xmlns="http://www.w3.org/1999/xhtml" lang="es-es"><head>


<title>3 cajas 100x100 alto - Recursos CSS - araudi.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="Keywords" content="recursos, css, diseño web, xhtml, software libre">
<meta name="Description" content="3 cajas 100x100 alto - Recursos CSS - araudi.net">
<meta name="Author" content="Mikel Morote Donazar - Praxis Iruñea SLL">
<meta name="Subject" content="Recursos CSS">
<meta name="Language" content="español">
<meta name="Robots" content="index, follow">
<link rel="alternate" href="http://www.araudi.net/indice.html" title="Indice de contenidos" media="all" lang="es">
<style type="text/css">
html, body { margin: 0;
padding: 0;
height: 100%;
background-color: #366;
}
#capaMadre {
width: 960px;
background-color: #6cc;
margin: 0 auto;
position: relative;
height: auto!important;
min-height: 100%;
height: 100%;

}
#cabecera {
background-color: #00FFFF;
height: 90px;
position:fixed;
width:960px;
z-index:3;
}
#cuerpo {
position: absolute;
display: block;
padding-top:125px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
z-index:0;
background-color: #FF00FF;
width:960px;
}
#pie {
position: fixed;
bottom: 0;
height: 35px;
background-image:url(../imagenes/fondo_menu.gif);
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color: #000;
background-color:#fff0ff;
text-align: center;
width: 960px;
clear: both;
}
</style>
</head><body>
<div id="capaMadre">
<div id="cabecera">Header</div>
<div id="cuerpo">Cuerpoooooooooooooo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>
Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>
Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>
Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>
Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>
Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpo<br/>Cuerpoooooooooooooooooooooo<br/>



</div>
<div id="pie">Pie</div>
</div>
</body></html>

es el mismo codigo que el ejemplo pero cambiado simplemente eso y me sigue pasando que si achico el navegador tarda un tiempo en salir el scroll y luego si lo bajo y aparece el texto entero

gracias