Elementos de una lista alineados a distintos lados?

rubengc · #1 (**permalink**) 13/05/2010, 14:19

Hola,

Me gustaría saber como puedo hacer para que los elementos de una lista se pueda alinear unos a un lado de la pantalla y otros al lado contrario mediante CSS.

Fijaos en esta imagen:

Me gustaría que"User" y "Close session" estuviesen en el lado derecho de la pantalla. Puede hacerse? Para más información, eso pertenece a una appweb que estoy desarrollando con ASP.NET en C#.

Un saludo y gracias!

DragonX · #2 (**permalink**) 13/05/2010, 14:28

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style>
    body{margin:0;padding:0;}
    ul{padding:0;}
    ul li{display:inline-block;border:1px solid #000;width:20%;}
    ul li.izq{float:left;}
    ul li.der{float:right;}
    </style>
  </head>
  <body>
    <ul>
      <li class="izq">izquierda</li>
      <li class="der">derecha</li>
    </ul>
  </body>
</html>

espero te sirva

rubengc · #3 (**permalink**) 13/05/2010, 14:56

Muchas gracias DragonX, pero eso ya lo había intentado yo y no me va :(

DragonX · #4 (**permalink**) 13/05/2010, 16:42

¿cómo no? yo lo probé en IE y FF y anda perfecto en los dos, si no te anda es porque otra cosa debe estar fallando.

un abrazo

rubengc · #5 (**permalink**) 13/05/2010, 17:02

Mmmmm, interesante. Y como haces para verlo? Lo guardas en un archivo .html? O como? Porque igual es ahí donde estoy fallando yo...

Porque el caso es que yo había maquetado la web en Snow Leopard con Coda y mis estilos eran exactamente igual que los que me pones (bueno, con más cosas) e iban bien tanto en Chrome como en FF, pero ahora llego a w7 y Visual Studio y Expresion Web 3 no me los interpretan bien. Pero es que además pillo lo que hiciste tu arriba, lo guardo en un .html y tampoco me lo abre bien ningún navegador...

Saludos y gracias!