Problema con un DIV y texto.

[wilson_romero]

Hola amigos estoy calentando los motores en CSS y tengo un problemita, tengo un texto dendro de un DIV y no se ve el texto queda detrás del fondo, le cambien el DIV para otra linea por que esta dentro de codigo php y se vio pero se salieron de posición la demas cosas.
aprovechando el caso vean el código yo veo fuera de lógica los Div cuando lo cierro,
me refiero a si hago esto
<div id='padre'>
<div id='hijo'>
hola
</div>
</div>

me pregunto si el primer cierra no es suficiente para cerrar el padre o la maquina entiende que existen dos div ?
De algún modo todo quedo encajado excepto el problema de que el texto se ve debajo cuando pongo el color del div.
la coma es el texto.
codigo php con html

Código PHP:

echo "<div class='resultado'>";    
$result= $done['rival'];
echo "<div class='elegidos'><center> $result </center></div>";
echo "<div class='v'>"; if ($total) {
    echo " , ";
  }
$total--; echo "</div>";
echo "<div class='img'><img src='$done[img]' width='200'  height='180'></div>";
echo "</div>" ;
 

codigo css

Código CSS:

#comentario 
{
    background: #666;
}
 
.resultado{
    background: #ffffff;
    width: 200px;
    height: 200px;
    border:2px solid #000;
    float: left;
        }
 
.informacion {
 
    width: 402px;
    height: 200px;
    border:2px solid #000;
    }
.img
{
    /*margin: 0 auto;*/
}
.elegidos
{
        margin: 0 auto;
    background: #01DF74; 
}
 
.comentarios_done 
{
       border:2px solid #000;
}
 
.V
{
        width: 40px;
    height: 20px;
    color: red;
    position:absolute; left:200; top:348;
    background: #666; 
}
 

si me pregunta como se que la coma esta debajo de el cuadro ejejej es que escribi un texto largo para que se vea.

[kip13]

Hola, intenta almacenar el codigo HTML que haces echo en una variable, luego de finalizar el while hazle un echo para mostrarla:

Código PHP:

$div ='';
    while ($done=mysqli_fetch_array($info_vs,MYSQLI_ASSOC)) {
        $div .= "<div class='resultado'>";
        $result = $done['rival'];
        $div .= "<div class='elegidos'><center> $result </center></div>";
        $div .= "<div class='v'>";
        if ($total) {
            $div .= " , ";
        }
        $total--;
        $div .= "</div>";
        $div .= "<div class='img'><img src='$done[img]' width='200'  height='180'></div>";
        $div .= "</div>";
    }
    echo $div;
 

Quizas asi te resulte, has la prueba.

Saludos

[wilson_romero]

Creo que no se va a poder porque este codigo esta dentro de uan sentencia If y else.
Hay manera de que el código Html se cumpla fuera si lo hago asi las variables me van a salir indefinidas.

También todo el codigo css funciona bien excepto cuando pongo el left: 600px;
desde que lo agrego se desaparecen el mismo div que se duplica dentro de while y eclipsa los texto.

[ArturoGallegos]

haz probado el no definir la altura de los elementos?

vamos que si tu div tiene height:100px y tu texto necesita 150px pues es natural que se desborde.

[RicardoSuarez]

Buenas noches,

Puedes realizar un div que se expanda o que se adapte al contenido, aquí te dejo un ejemplo del código que podrías utilizar en css

Código CSS:

.contenedor-adaptable{
width:100%;
overflow:auto;
}
 

html:

Código HTML:

<div class="contenedor_adaptable">Texto que quieras aqui</div>
 

Espero te sirva de ayuda