limitar tamaño de un div

[catri]

Hola a tod@s,
tengo un problemilla. Tengo definido un div para mostrar el resultado d una consulta, pero cuando la consulta saca muchos registros el div se extiende hacia abajo, con lo que me mueve todo lo que tengo en la pagina.

Mi idea es que el div tenga un tamaño fijo, y si el resultado de la consulta es mas grande que ese tamaño, pues que el div tenga barras d desplazamiento para poder ver todos los registros resultado. Pero no se cómo hacerlo. A continuacion pongo el código del div.

Código PHP:

 [HTML][CODE]<div id="resultadoConsulta" class="div"  align="center" style="width: 200px; height: 100px";>  
                                 
                                <?php         
                                     
                                if($cadenaSQL != "") 
                                {                             
                                    $resultado = mysql_query($cadenaSQL,$conexion) 
                                        or die ("LA CONSULTA ESPECIFICADA NO ES CORRECTA.CONSULTE CON EL ADMINISTRADOR"); 
                                    $total = mysql_num_rows($resultado); 
                                 
                                     
                                     
                                         
                                            echo "<TABLE border = 4 >"; 
                                         
                                            while ($fila = mysql_fetch_array($resultado)) 
                                            { 
                                                echo "<TR>"; 
                                                 
                                                for ($i = 0; $i < $total; $i++) 
                                                    echo "<TD>$fila[$i]</TD>"; 
                                                echo "</TR>"; 
                                            } 
                                            echo"</TABLE>"; 
                                         
                                     
                                                                 
                                 
                                            mysql_free_result($resultado); 
                                        mysql_close($conexion); 
                                } 
                                else { 
                                            echo "<TABLE border = 4>"; 
                                     
                                    } 
                                        ?> 
                                </div>[/CODE][/HTML]  

Muchas gracias.
Saludos

[Mikmoro]

Debes ponerle un tamaño fijo de alto al div (height), y añadirle overlow: auto;

[catri]

gracias, pero he probado

Código HTML:

[CODE]<div id="resultadoConsulta" class="div"  align="center" width="20"; height="10" overflow="auto";> [/CODE]

y sigue saliendo lo mismo, es decir, el div ocupa el tamaño de la respuesta y no el que yo especifico, ¿alguna idea?

[vitogq]

Has probado a definir dentro de la clas div los parametros que has añadido?
Es decir:

.div {text-align:center;width:20px; height:10px;overflow:auto;}

[catri]

gracias,
acabo de probarlo, pero aunque lo defina en el estilo, el resultado sigue siendo el mismo, coge el tamaño que necesita.

[poison_mayer]

Prueba algo como esto en tu div,

Código:

 style="width:**px; height:**px; overflow:auto;"

,de no funcionar creo deberias revisar que dice tu ID "resultadoConsulta" en su declaración en el css o tu CLASS "div"

[Mikmoro]

Sería mejor que pusieras el trozo de código html generado en el navegador, no el fuente.

[catri]

muchas gracias a todos, ya me sale.
El problema q tenia y que acabo de descubrir es que resulta que el resultado de la consulta me lo coloca fuera del div, en otra tabla, por eso no se acogía al tamaño que yo ponía.

Pero no se por qué pone el resultado fuera del div, porque yo lo tngo para que lo ponga dentro.
Mi código es:

Código HTML:

[PHP]
<div id="resultadoConsulta" style="width:200px; height:100px; overflow:auto;";> 
								 
								<?php		
									
								if($cadenaSQL != "")
								{							
									$resultado = mysql_query($cadenaSQL,$conexion)
										or die ("LA CONSULTA ESPECIFICADA NO ES CORRECTA.CONSULTE CON EL ADMINISTRADOR");
									$total = mysql_num_rows($resultado);
								
									
									
										
											echo "<TABLE border = 4 >";
										
											while ($fila = mysql_fetch_array($resultado))
											{
												echo "<TR>";
												
												for ($i = 0; $i < $total; $i++)
													echo "<TD>$fila[$i]</TD>";
												echo "</TR>";
											}
											echo"</TABLE>";
										
									
																
								
											mysql_free_result($resultado);
										mysql_close($conexion);
								}
								else {
											echo "<TABLE border = 4>";
									
									}
										?>
								</div>[/PHP]

Yo es que no veo el error, porque antes que probaba con una bd mas pequeña el resultado si salía dentro del div, pero ahora que la bd es más grande, no lo pone dentro.

¿alguna idea del fallo? Gracias

[catri]

Hola, nadie ve el fallo en mi código anterior, es que de verdad, no se por qué el resultado no se muestra dentro del div, y no veo el error. ¿alguien lo ve?
muchas gracias!

[Mikmoro]

Pues no sé si tendrá que ver, pero en el div te sobra un punto y coma:

<div id="resultadoConsulta" style="width:200px; height:100px; overflow:auto;";>

[luissg]

Iniciado por Mikmoro

Pues no sé si tendrá que ver, pero en el div te sobra un punto y coma:

<div id="resultadoConsulta" style="width:200px; height:100px; overflow:auto;";>

Sí, es eso :)

[catri]

Hola, muchas gracias, ya lo he corregido, se me había colado el ;

Pero el caso es que sigue sin funcionar, la solución a la consulta la sigue poniendo en una tabla, pero fuera del div. ¿alguién sabe por qué?

Muchas gracias.
Saludos.

[catri]

Hola, muchas gracias a tod@s, ya lo tengo!!!

El problema que tenía y por eso el resultado se salía fuera del div era pq lo habia definido dentro d una tabla en lugar de hacerlo dentro del td correspondiente, una vez solucionado y limitado el tamaño del div cómo me dijisteis ya va todo.

Muchas gracias. Saludos.