Hola!
Necesito una pequeña ayuda antes de volverme loco :)
Estoy realizando un html con un div centrado y 100% height. Colocamos un texto en su interior hasta que aparezca scroll vertical...
PROBLEMA: Si redimensionamos la pagina el div se mantiene 100% de la página... si utilizamos las barras de desplazamiento vertical, el div pasa de nosotros....
Os dejo ejemplo....
CSS
body, html {height:100%; background-color:#B7AA9D; margin: 0px; }
#contenedor {
width: 100%;
height: 100%;
}
#contenido {
left: 50%;
margin-left: -480px;
width: 960px;
height: 100%;
background-color:#FFFFFF;
}
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>
<link href="xxx.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="contenedor">
<div id="contenido">
texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />texto<br />
</div>
</div>
</body>
</html>