pasar el contenido que sobrepasa un div a otro div

[lgza70]

Hola, alguien sabe cómo puedo pasar el contenido que se sobre pase de un div de cierta altura a otro div?

Muchas gracias de antemano.

[quimfv]

Copy/paste?

Sin bromas, di como cargas ese contenido porque sino no sabemos ni por donde empezar.

[lgza70]

jaja lo siento! jaja

vendrían de un archivo en php que me da como resultado algo esto:

<div class="estado-encabezado"><a href="/nuevo-leon" title="Nuevo Leon">Nuevo León</a></div> <div class="ciudad-encabezado"><a href="/NL/monterrey" class="style5" title="Monterrey">Monterrey</a></div>

Y así muchos más, ciudad con estado, pero son muchos, y los necesito en 3 "columnas"
Pero son 3 divs por los estilos que ocupo...

Los divs serían así...
con un alto específico y el ancho varía si se hace más chica la ventana del navegador () hasta un mínimo de ancho. Entonces, si el div tiene un alto de 500px y el ancho comienza en 300px y si se hace más chica la ventana llega hasta 195px. Y hay mucho contenido en éste, el contenido que sobre pase los 500px de alto debe pasar al otro div:

<div id="uno">Mucho Contenido </div>
<div id="dos">Contenido que sobre pasó el div uno</div>
<div id="tres">Contenido que sobre pasó el div dos </div>

Espero me puedas ayudar

Muchas Gracias!

[quimfv]

No se me ocurre nada que no sea contar caracteres en php.... partir la variable ... pero asi no conseguiras que se adapte a los cambios en el tamaño de la ventana, detectar el resize con javascript.... no se yo.

Pero me suena algo de columnas definidas con css3...http://www.desarrolloweb.com/articul...umna-css3.html no se si te serviria.

[lgza70]

si bueno, con css3 no me sirve por que ocupo que sean divs diferentes, y bueno no importa que no se adapte al tamaño de ventana, suponiendo que tengo un ancho y alto fijo, simplemente que lo que sobre se pase al otro div?

[quimfv]

El problema es que no te lo va ha hacer dinamicamente...

Puedes calcular cuantos caracteres permites cada div cortar el string y construir cada div con el trozo de texto que le toque.

En php ...

Código PHP:

//Texto a colocar
$str="Texto largo...";
 
//Numero maximo de caracteres por div
$maxcaracteres=200;
 
//Longitud del texto a colocar
$lenstr=strlen($str);
 
//Calculo de divs necesarios
$fracciones=$lenstr/$maxcaracteres;
$fraccionesEnteras=floor($lenstr/$maxcaracteres);
if($fracciones>$fraccionesEnteras){
        $divs=$fraccionesEnteras+1;
}else{
        $divs=$fraccionesEnteras;
}
//Construcción de los divs
for ($i=0;$i<$divs;$i++){
   echo "<div id='d".$i."'>".substr ($str,$maxcaracteres*$i, $maxcaracteres)."</div>";
}
 

Si deben ser como maximo 3 divs luego seria

Código PHP:

//Texto a colocar
$str="Texto largo...";
 
//Construcción de los divs
$inicio=0;
$caracterespordiv=floor(strlen ($str)/3);
for ($i=0;$i<$divs;$i++){
   echo "<div id='d".$i."'>".substr ($str,$inicio, $caracterespordiv)."</div>";
   $inicio+=$caracterespordiv;
}
 

Yo modificaria los css para usar columnas