Foros del Web » Creando para Internet » CSS »

Insertar texto en div floats

Estas en el tema de Insertar texto en div floats en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/02/2007, 17:46
 
Fecha de Ingreso: febrero-2007
Mensajes: 2
Antigüedad: 10 años, 9 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??
  #2 (permalink)  
Antiguo 19/02/2007, 08:12
 
Fecha de Ingreso: febrero-2007
Mensajes: 2
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Insertar texto en div floats

Dios...que tonto soy XD ya lo decía yo, con dormir unas horas las cosas se ven mas claras jeje es que cuándo te obsesionas en una cosa lo quieres hacer lo mas complicado posible :P
Resulta que para probar el correcto funcionamiento del div flotante usaba cadenas muy largos (y sin espacios!!!!) y claro, me metía la cadena fuera del div (hasta llegué a programar una función para cortar la cadena por palabras según un máximo por línea...). Hoy he probado con frases (más coherentes), y si, hace el salto de línea que tiene que hacer "normalmente". Aunque sea muy tonto lo que me ha pasado, esa función que he programado puede servir en el caso que alguien en un foro o en cualquier introducción de datos por parte del usuario inserte una palabra muy larga y sin espacios

Nada, que siento por si he echo perder el tiempo a alguien :P
Saludos!
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 21:52.