Problema con la alineación en página web

U

ulises2010

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 3 Jun 2015

• #1

No se por qué en esta página:

http://prouniversitas.es/

el último post 'Postgrado Nebrija: Proyecta tu futuro' queda alineado a la derecha en lugar de a la izquierda... y lo malo es que no doy con la solución ni el motivo... ¿podeís ayudarme'

Gracias

 

OLMID

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 3 Jun 2015

• #2

Hola

Busca en tu css la clase .post-box y le añades min-height: 250px; o si no lo encuentras, añade a tu hoja de estilo lo siguiente

HTML:

.post-box {
    min-height: 250px;
}

Saludos 🙂

 

S

SnakeNet

Xi

Programador

• 3 Jun 2015

• #3

Tal y como te indica es la solución debe quedarte así:

Insertar CODE, HTML o PHP:

.post-box {
  height:auto;
  padding:20px;
  width:260px;
  min-height: 250px;
}

 

U

ulises2010

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 5 Jun 2015

• #4

Muchísimas gracias.... no he contestado antes porque no había visto las respuestas... (no se porque no me ha avisado el sistema)

Efectivamente con la solución que dais funciona perfectametne.... pero lo que no comprendo es porque.... es para ir aprendiendo ;-)

Yo había tratado con aling, con float, y con algunas cosas más que se me ocurrian.... ¿qué tiene que ver la altura mínima?

Gracias

 

OLMID

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 5 Jun 2015

• #5

Hola

La altura de esos bloques la tenías en auto, eso significa que se ajustaba al contenido, por ejemplo si el título es muy largo se amplia a 2 lineas y el tamaño se ajusta al texto que haya en la info, así que cada bloque podía tener una altura diferente
Al aplicarle una altura mínima nos aseguramos que los bloques no sean menores de esa medida

Te muestro un ejemplo para que veas lo que te comento
EJEMPLO

En caso de tener que añadir más texto y los bloques superen ese tamaño, esa solución no será efectiva y tendrías que poner lo siguiente

HTML:

.post-box .entry p {
    height: 120px;
    overflow-x: hidden;
    overflow-y: auto;
}

Saludos 🙂

 

H

Hid3N

Alfa

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 14 Jun 2015

• #6

si puedes agrupar las noticias de una línea en una capa y poner estas como relativas y en block evitarías también cuando alguna noticia exceda los 250px de alto.