RE: [Ovillo] Pruebecilla con EMS

Fri, 24 Mar 2006 02:29:52 -0800 

http://blog.danicalderon.com/




From: <[EMAIL PROTECTED]>
Reply-To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
To: Ovillo@lists.ovillo.org
Subject: [Ovillo] Pruebecilla con EMS
Date: Fri, 24 Mar 2006 10:51:38 +0100


Hi people!!
Estoy practicando esto de los "ems" como medida de todo lo que haya en una web y lo del 62.5%. Tan sencilllo como una pequeña cabecera con una imagen y otro div con un textito. 
Os pongo el código y os digo la duda
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}
#bloque {
margin: 0 auto;
width: 40em;
font-size: 1.2em;
}
#cabecera {
margin: 0 auto;
width: 40em;
height: 20em;
}
#cabecera img {
width: 100%;
height: 100%;
}
-->
</style>
</head>

<body>
<div id="cabecera"><img src="cabecera.jpg" alt="Cabecera" /></div>
<div id="bloque">Una pruebilla</div>
</body>
El problema viene cuando cambio el "font-size" del div "bloque". Si el tamaño de letra de ese bloque es 1em todo perfecto (serían 10px ¿no?) pero si pongo el tamaño a 1.2em (para poner la letra a 12px) el ancho del div también crece...... y aqui me he perdido del todo. 
A ver si estoy haciendo algo mal.
Muchas gracias




_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo 


_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a