Foros del Web - Ver Mensaje Individual

AitorLopez · #1 (**permalink**) 08/09/2010, 02:32

Hola. Se trata de conseguir lo siguiente.

En una pagina como esta

Código HTML:

Ver original<!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>Documento sin t&iacute;tulo</title>
</head>
<style>
 
body {
    width:100%;
    background-color: #727ea0;
    font-size:100%;
}
 
#contenedor {
    width: 90%;
    background-color: #f7f8ff;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
#contenedor_1 {
    background-color: #FF6699;
    width: 50%;
}
h2 {
font-size:200%;
}
 
</style>
 
<body>
 
<div id="contenedor">
 <div id="contenedor_1">
    <h2>Probando cosas</h2>
 </div>
</div>
 
</body>
</html>

si yo voy encogiendo la pantalla (ya sabeis, pinchar en una esquina e ir haciendo mas pequeña), el div cabecera va empequeñeciendo a la vez, y siempre mantiene su tamaño al 80% del body, es decir, de la pantalla.

Ahora bien, no ocurre lo mismo con el tamaño de letra, no se va empequeñeciendo a la vez que hago pequeña la pantalla, y esto es lo que quiero conseguir, si es posible, pero no se como.

Gracias. Un saludo.