Ayuda con Div

[chichote]

Hola Amigos.

aver si me hachan una manito.

necesito lo siguiente:

tengo un div de 200px de ancho por 180px de alto, y lo lleno con titulos de noticias de forma dinamica con php, bueno eso da lo mismo.
Siempre le estoy entregando 4 titulos que rescato de la base de datos, pero hay veces en que los titulos son algo largos y el div se me alarga hacia abajo. Lo que quiero es que el div quede siempre del alto 180px, y que se vean los titulos que alcancen y el resto se pierdan dentro del div y no se muetren.

Se puede eso?

Saludos y gracias de ante manos.-

[valenti_92]

Pon el codigo haber si nos hacemos una idea.

[chichote]

Código HTML:

.caja
{
	width: 200px;
	height:180px;
	border:1px solid #E6E6E6;
	background:#F2F2F2;
	float:left;
}

ese es el codigo de la caja, el resto de php da lo mismo, con php solo pongo

Código HTML:

<p>titulo 1</p>
<p>titulo 2</p>
<p>titulo 3</p>
<p>titulo 4</p> 

dentro del div

[Impostor]

Buenas,

prueba añadiéndole a .caja {} overflow:hidden; , o bien también te podría valer overflow: auto.

El valor hidden se utiliza cuando no se puede controlar la cantidad de contenidos que se van a incluir dentro de un elemento pero al mismo tiempo se quiere controlar de forma precisa el tamaño de cada elemento de la página.

la propiedad overflow también define el valor auto, que permite que cada navegador tome la decisión sobre si es necesario o no mostrar las barras de scroll.

Fuente: http://www.librosweb.es/referencia/css/overflow.html

Saludos¡¡

[alexk]

mmmmmm Impostor con overflow:hidden; si se cortaria el texto de mas ya que tiene height:180px; pero con overflow:auto; sacaria el scroll dentro del div...

Cherivera lo mas sano seria una lista desordenada pero bueno...
ademas creo que es mejor establecer el height y overflow a los <p> en vez del div...
ya que los titulos varian (largos y cortos) y segun como me lo imagino podria verse un poquito mal... que el titulo se corte donde termina tu div.... asi que podria ser mejor que todos los <p> tengan la misma altura para que este mas uniforme pero vamos yo asi lo veo nose como lo quieras chao

[Impostor]

Iniciado por alexk

mmmmmm Impostor con overflow:hidden; si se cortaria el texto de mas ya que tiene height:180px;

Si no entendí mal, es lo que anda buscando.

[alexk]

si ta bien lo decia por el overflow:auto... y el scroll

[chichote]

voy a probar, gracias todos por las sugerencias.


saludos