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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a