Foros del Web » Creando para Internet » CSS »

Columnas mal alineadas UL LI

Estas en el tema de Columnas mal alineadas UL LI en el foro de CSS en Foros del Web. Quiero hacer con UL - LI, dos columnas con contenido en mi web. El problema que tengo es que la columna donde haya más contenido, ...
  #1 (permalink)  
Antiguo 31/10/2010, 18:56
 
Fecha de Ingreso: enero-2005
Mensajes: 150
Antigüedad: 12 años, 11 meses
Puntos: 1
Columnas mal alineadas UL LI

Quiero hacer con UL - LI, dos columnas con contenido en mi web. El problema que tengo es que la columna donde haya más contenido, está bien alineada en la parte de arriba del todo. Pero la otra columna, la mas reducida de contenido, pues la alinea abajo del todo. Y realmente me interesa todo lo contrario, como es lógico. Que todo esté alineado arriba.

Lo puedo solucionar poniendo FLOAT:LEFT pero si lo hago, tengo otro problema aparte. Tengo un fondo general de la web, que según voy "construyendo" la página, va formándose ese fondo hacia abajo. Pero si pongo el float:left, ya no me sirve.

El CSS

Código:
ul#contenido-principal{
  position:relative;
  margin:20px 0px 0px 20px;
  padding:0px;
  list-style-type:none;
  display:inline;
}

ul#contenido-principal li{
  position:relative;
  display:inline;
  margin-right:20px;
  padding:0px;
}
----

HTML

Código:
<ul id="contenido-principal">
  <li>
     <div id="noticia-principal">         
        Esto es un ejemplo, esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo.   
     </div>
   </li>
   <li>
     <div id="predicciones-portada">
        Esto es un ejemplo, esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo. Esto es un ejemplo, esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo,  esto es un ejemplo.      
     </div>	  
   </li>
</ul>
Muchas gracias de antemano.
  #2 (permalink)  
Antiguo 31/10/2010, 20:13
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Columnas mal alineadas UL LI

no entiendo que quieres hacer, ni que hace una lista desordenada alli :S... un ejemplo mas grafico de lo que necesitas seria muy util para ayudarte mejor...
  #3 (permalink)  
Antiguo 01/11/2010, 07:51
 
Fecha de Ingreso: enero-2005
Mensajes: 150
Antigüedad: 12 años, 11 meses
Puntos: 1
Respuesta: Columnas mal alineadas UL LI

Un ejemplo rápido en esta imagen. En ese sitio imaginario para dos columnas, me queda mas o menos de esa forma. La columna donde haya menos contenido empieza desde abajo, en vez de desde arriba.


Etiquetas: columnas, mal
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:30.