[Ovillo] posicionamiento en un div de 2 elementos

Wed, 30 Mar 2005 05:39:01 -0800 

Estimados Listeros:

Se que no participo mucho de la lista, pero siempre estoy al pendiente de lo que en ella se conversa, ahora los molesto con un problema/duda que tengo en el siguiente código:

<!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=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
#encabezado {
background-color: #999999;
height: 101px;
}
#encabezado h1 {
float: right;
margin-top: 20px;
margin-right: 10px;
}
#encabezado a {
float: right;
clear: right;
background-color: #FFFFFF;
padding: 1px 5px;
display: block;
margin-top: 18px;
margin-right: 10px;
}
#encabezado>a{
margin-top: -3px;
-->
</style>
</head>

<body>
<div id="encabezado">
   <h1>encabezado de p&aacute;gina</h1>
   <a href="#">contactenos</a>
</div>
<ul id="menu">
   <li>op1</li>
   <li>op2</li>
   <li>op3</li>
   <li>op4</li>
</ul>
</body>
</html>

La idea es que en el div "encabezado" quede el <h1> a la derecha, y el <a> tambien a la derecha, pero pegadito al borde inferior, mi problema duda es que para hacerlo tuve que flotar, clear, y más encima ajustar el borde superior, con su correspondiente hack para IE(como todo buena hoja de estilos, que se precie de tal, no? XD), ¿Está correcto lo que hice?, ¿hay otra forma para hacerlo?

muchas gracias por la respuesta.

Sergio Guamán
La Serena
Chile
_______________________________________________
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