Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/02/2007, 17:46
txuse
 
Fecha de Ingreso: febrero-2007
Mensajes: 2
Antigüedad: 17 años, 2 meses
Puntos: 0
Insertar texto en div floats

Hola!
A ver, he buscado en "san google" la solución pero no he encontrado nada. Seguro que es una tontería lo que me sucede pero cuándo llevo ya unas horas programando se me nublan las ideas -_-
Os explicó mi duda: uso 1 capa contenedora y 2 capas dentro de esta primera. Estas dos últimas son flotantes alineadas a izquierda y derecha respectivamente. Mi problema surge cuándo hago un include de un fichero php que recupera unos datos de una bd. Si el texto que recupera es muy largo pues no me lo formatea según el ancho del div, sino que me lo coloca todo en una línea. He usado el "overflow:auto" que me genera los scroll, pero no es la solución. Mi idea era que si inserto un texto de 500 caracteres, en cuándo llegue a los X px de width del div que salte a la línea siguiente, cosa que no hace. Solo se me ocurre generar una función en php que calcule la longitud de la cadena recuperada y vaya cortando cada X caracteres y usando <p>. Ya se que me explico muy mal...por eso pondré un ejemplo muy sencillo

CSS
Código:
.contenedor{
	width:400px;
}
.iz{
	float:left;
	width:50%;
	background-color:#0000FF;
}
.der{
	float:right;
	width:50%;
	background-color:#99FF99;
}
HTML
Cita:
<div class="contenedor">
<div class="iz">aaaaaaaaaaaaaaaaaaaaaaCCCEEEE</div>
<div class="der">BB</div>
</div>
Muestra en la capa izquierda: "aaaaaaaaaaaaaaaaaaaaaa" y "CCCEEEE" no sale. Usando como he dicho el overflow lo muestra pero con el scroll. Es posible que salte de línea de algún modo??