Vuelvo a subir este hilo para intentar explicar mejor lo que digo con un poco de código:
este es el código html de la página:
Cita: <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bug de ul</title>
<link rel="stylesheet" type="text/css" href="estilos.css" />
</head>
<body>
<div id="centro" />
<br />
<div id="form" />
<ul><li> Punto primero </li>
<li> Punto segundo </li>
<li> Punto tercero </li></ul>
<div id="formde" />
<ul><li> Punto cuarto </li>
<li> Punto quinto </li>
<li> Punto sexto </li></ul>
</body>
</html>
Este,su css:
Cita: body {
background-color: #FFF;
width:300px;
height:200px;
margin-left:auto;
margin-right:auto;
}
#centro {
width:100%;
height:100%;
border: 5px solid #000000;
background-color: #C63;
text-align:center;
}
#form{ /*Columna Izquierda del formulario */
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align:left;
}
#formde{ /*Columna derecha del formulario */
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align: right;
margin-right:8px;
}
Con este código salen perfectamente visibles dos columnas,a distinta altura,en la que los puntos de la lista salen todos a la izquierda.
Modificamos el css para que queden las dos columnas aproximadamente a la misma altura,vereis como los puntos casi se solapan,pero siguen a la izquierda:
Cita: #form{ /*Columna Izquierda del formulario */
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align:left;
margin-top:80px;
}
#formde{ /*Columna derecha del formulario */
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align: right;
margin-right:8px;
margin-top:-70px;
}
Que os parece?
P.D.Editado para eliminar el doctype por el tema de los 30 mensajes.