Hola, para q los div tengan un medida fija y no me desplace el diseño de la pagina utilizo en css lo siguiente, asi si hay datos q superan la medida fija me pone un scrollbar en el div.
el codigo es el siguiente:
Cita: #articles{
height:250px;
overflow:auto;
}
y HTML, donde hay en el contenedor es donde se muestra el resultado d una consulta:
Código HTML:
<table align="center">
<tr><td class="subtitol">Articles per Tenda</td></tr>
<tr>
<td align="center">
<table align="center">
<tr>
<td class="lletra">Mostrar Dades per : </td>
<td><input type="radio" name="famogrup" value="0" checked onclick="myajax.Link('manteniment/articlestenda/famogrup.php?id=fam','dfamogrup')" /></td>
<td class="lletra">Familia</td>
<td><input type="radio" name="famogrup" value="1" onclick="myajax.Link('manteniment/articlestenda/famogrup.php?id=grup','dfamogrup')" /></td>
<td class="lletra">Grup</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<form id="miform" name="miform" method="post" action="manteniment/articlestenda/articlestenda.php" onSubmit="articlestenda(this.form);return false">
<table align="center">
<tr>
<td>
<select id="tenda" name="tenda">
<?
$str_tendes = "SELECT codi_tenda, nom_tenda FROM tendes
WHERE nivell_acces = 5 AND situacio = 0
ORDER BY nom_tenda";
$sql_tendes = mysql_query($str_tendes) or die(mysql_error());
while($res_tendes = mysql_fetch_row($sql_tendes)){
?>
<option value="<?=$res_tendes[0]?>"><?=$res_tendes[1]?></option>
<?
}
?>
</select>
</td>
<td>
<div id="dfamogrup">
<select id="id_familia" name="id_familia">
<option value="0" selected>Totes les Families</option>
<?
//SQL - Families
$str_familia = "SELECT codi_familia,nom_familia FROM familia
WHERE nom_familia <> '' ORDER BY nom_familia";
$sql_familia = mysql_query($str_familia) or die(mysql_error());
while($res_familia = mysql_fetch_row($sql_familia)){
?>
<option value="<?=$res_familia[0]?>"><?=$res_familia[1]?></option>
<?
}
?>
</select>
</div>
</td>
<td><input type="submit" value=" Veure Articles " /></td>
</tr>
</table>
</form>
</td>
</tr>
<tr><td align="center"><div id="articles"></div></td></tr>
</table> el problema me viene cuando el contenedor contiene muchos datos, lo q hace es q me desplaza este div abajo de la pagina, es decir, me deja un monton de sitio en blanco y luego me pone el div correctamente.
Solo me pasa en IE, en Firefox, opera y Safari funciona correctamente!
Sabeis a q es debido?
Saludos y gracias
