Sobrepasa el DIV

[Milton884]

Hola que tal. Desde ya comunico que en el tema CSS soy nuevo, programmo en php, lenguajes de parte del servidor, pero ahora me estoy completando metiendome en css, y javascript.

bue la cosa es que tengo un div, el cual quiero que tenga un tamaño fijo, y que al cargar una noticia de php por ejemplo, se acomode bien, que el texto no sobre pase el div, sino que haga un salto de linea...

publico foto por las dudas.



Muchas gracias comunidad.

[loncho_rojas]

puedes usar un atributo Style

Código CSS:

<div style="width:300px;">
 

o bien armar un CSS

Código CSS:

#nombreDelDiv{
width:300px;
 
height: auto;
 
}
 

aplicarlo

Código HTML:

<div id="nombreDelDiv">
 

[Impostor]

Muestra el css, porque yo no tengo muy claro aún que es lo que necesitas...

[Tecna]

Buenas,

sobrepasa el div porque el texto que has puesto es como si fuera solo una palabra, sin espacios en blanco y las palabras no las corta. Si hubiera espacios cortaria por ellos ajustando el texto al tamaño del div. De todos modos lo correcto sería poner el texto dentro de una etiqueta <p></p> aunque el comportamiento sería el mismo.

[Milton884]

Gracias lonchorojas, tu respuesta me lo soluciono, el ponerle un ancho, y un height de valor auto.

Ahora, tengo otra duda, quisiera que al cargar la noticia en ese div, luego abajo poner otro div, donde diria la fecha de publicacion de la noticia, y el autor... pero, como hago eso? porque no se de antemano la altura del div contenedor de la noticia... no se si me explico...

[Tecna]

Buenas,

me alegro que se solucionara tu problema pero no creo que fuera por especificar un valor para la propiedad width ni por poner height auto puesto que el valor por defecto para ambas propiedades si no se declara es auto. Si el texto que hay dentro es lo suficientemente largo ocuparia el 100% del espacio disponible, si das un tamaño limitas el espacio pero el texto se seguirá ajustando al tamaño del div. Tal y como lo mostrabas era por el tamaño de la palabra. No es necesario dar un tamaño al div para que el contenido se ajuste a él. Y si no flotas ni posicionas los divs se iran colocando uno a continuación de otro siguiendo el flujo normal del documento independientemente de la longitud de la noticia. No puedes usar posiciones absolutas puesto que no conoces el tamaño de antemano.

[Milton884]

Iniciado por Tecna

Buenas,

me alegro que se solucionara tu problema pero no creo que fuera por especificar un valor para la propiedad width ni por poner height auto puesto que el valor por defecto para ambas propiedades si no se declara es auto. Si el texto que hay dentro es lo suficientemente largo ocuparia el 100% del espacio disponible, si das un tamaño limitas el espacio pero el texto se seguirá ajustando al tamaño del div. Tal y como lo mostrabas era por el tamaño de la palabra. No es necesario dar un tamaño al div para que el contenido se ajuste a él. Y si no flotas ni posicionas los divs se iran colocando uno a continuación de otro siguiendo el flujo normal del documento independientemente de la longitud de la noticia. No puedes usar posiciones absolutas puesto que no conoces el tamaño de antemano.

Claro, el tema es como decias vos, al no cortar la palabra con un espacio por mas que ponga un width fijo va a sobrepasar.
Y gracias por lo ultimo, esta totalmente entendido!.

Milton.

[jomaruro]

Hola:

Para evitar problemas de este tipo con los textos de una página, utiliza Lorem ipsum.

Saludos.