Hola a todos,
Necesito ayuda en un problema que tengo, ya he probado en todos lados, incluso en IRC, pero no saben como solucionarlo...
Les cuento, Mi problema es simple "2 DIV se sobreponen uno con otro, pero solo aveces" tengo una pagina que genera la descripción, caracteristicas e IMAGENES de un producto cualquiera, por medio de PHP, el problema llega que la imagen tarde como es obvio mas tiempo en cargar que el resto del contenido, texto u otras imagenes mas pequeñas, pero al hacer esto, la parte inferior de la imagen se sobrepone con el DIV inferior, en este caso "footer".
Ya he probado cambiandole las propiedades a los DIV's, y nada...
Tambien he probada por medio de una precarga con JavaScript y da lo mismo, pues el problema sigue presentandose ya que el contenido posterior a la imagen carga antes que la misma.
Algo interesante es que si la pagina se muestra con el problema, muchas veces se arregla "solo" o únicamente basta con modificar las dimensiones del browser.
Cabe destacar que el problema solo se da en Mozilla y Explorer a diferencia de WebKit nunca sucede tal problema....
Si tienen cualquier otra pregunta..... por favor no duden en hacerla, necesito resolver esto y ya no tengo ni la mas minima idea que probar...
Ya que soy nuevo en el foro no puedo dejarles el link, pero para que tengan una idea de la pagina y su error, la direccion es esta (www esta separado!):
w w w .elexsa.com/PW/seguridad_industrial.php?categoria=Linternas&codig o=pl3600pl
************************************************** **
Código de la página:
Código PHP:
<?php
$coloros='#000099';
$colorcl='#FFFFCC';
$query="SELECT * FROM `".$tablename."` WHERE `codigo` = '".strtoupper($codigo)."'";
$result=mysql_db_query ($dbname, $query, $link);
while ($row = mysql_fetch_array ($result))
{
echo ('<h1 id="titulo_producto">'.strtoupper($row[nombre]).'</h1>');
echo ('<div id="divisionDiv"></div>');
echo ('<table width="100%" border="0" id="tabla_producto" cellpadding="0" cellspacing="0">');
echo ('<tr>');
echo ('<td width="150px" bgcolor="'.$coloros.'"><font color="'.$colorcl.'"> CÓDIGO:</td>');
echo ('<td bgcolor="'.$colorcl.'"><font color="'.$coloros.'"> '.strtoupper($row[codigo]).'</td>');
echo ('</tr>');
if (($row[marca]) != '')
{
echo ('<tr>');
echo ('<td bgcolor="'.$coloros.'"><font color="'.$colorcl.'"> MARCA:</td>');
echo ('<td bgcolor="'.$colorcl.'"><font color="'.$coloros.'"> '.strtoupper($row[marca]).'</td>');
echo ('</tr>');
}
if (($row[empaque]) != '')
{
echo ('<tr>');
echo ('<td bgcolor="'.$coloros.'"><font color="'.$colorcl.'"> UNIDAD DE EMPAQUE:</td>');
echo ('<td bgcolor="'.$colorcl.'"><font color="'.$coloros.'"> '.strtoupper($row[empaque]).'</td>');
echo ('</tr>');
}
if (($row[color]) != '')
{
echo ('<tr>');
echo ('<td bgcolor="'.$coloros.'"><font color="'.$colorcl.'"> COLOR:</td>');
echo ('<td bgcolor="'.$colorcl.'"><font color="'.$coloros.'"> '.strtoupper($row[color]).'</td>');
echo ('</tr>');
}
echo ('</table>');
echo ('<div id="divisionDiv"></div>');
if ($row[descripcion] != '')
{
echo ('<h1 id="subtitulo_producto">DESCRIPCIÓN</h1>');
echo ('<p id="texto_producto" align="justify">'.$row[descripcion].'</p>');
echo ('<div id="divisionDiv"></div>');
}
echo ('<table width="100%" border="0">');
echo ('<tr>');
ESTA ES LA IMAGEN QUE EN TODO CASO SERIA LA DEL ERROR > echo ('<td align="left" width="230px"><img src="imagen/productos/seguridad_industrial/linternas/'.strtoupper($row[codigo]).'.gif" /></td>');
echo ('<td align="left" valign="top">');
if ($row[caracteristicas] != '')
{
echo ('<h1 id="subtitulo_producto">CARACTERÍSTICAS</h1>');
echo ('<ul id="texto_producto">'.$row[caracteristicas].'</ul>');
}
if ($row[aplicaciones] != '')
{
echo ('<h1 id="subtitulo_producto">CERTIFICACIONES</h1>');
$certif=(explode(", ", $row[aplicaciones]));
for ($i = 0; $i < count($certif); $i+= 1)
{
echo ' <img src="imagen/productos/seguridad_industrial/linternas/'.$certif[$i].'.gif" />';
}
}
if (($row[marca]) != '')
{
echo '<br />';echo '<br />';
echo ('<img style="margin-left:20px" src="imagen/logos/Marcas/'.$row[marca].'.gif"/>');
}
if (($row[brochure] == '1') || ($row[instructivo] == '1'))
{
echo ('<h1 id="subtitulo_producto">RECURSOS</h1>');
if (($row[brochure]) == '1')
{
echo ('<a href="recursos/brochures/seguridad_industrial/linternas/'.strtoupper($row[codigo]).'.pdf" id="texto_producto"><img style="margin-left:20px; float:left;" src="imagen/site/pdf.gif"/>');
echo (' Brochure '.ucwords($row[nombre]).' '.strtoupper(cambiaracentos($row[codigo])).'</a>');
}
if (($row[instructivo]) == '1')
{
echo ('<img style="margin-left:20px" src="imagen/site/pdf.gif"/>');
echo ('Instructivo');
}
}
echo ('</td>');
echo ('</tr>');
echo ('</table>');
if ($row[relacionados] != '')
{
echo ('<h1 id="subtitulo_producto">PRODUCTOS RELACIONADOS</h1>');
$relacionados=(explode(", ", $row[relacionados]));
for ($i = 0; $i < count($relacionados); $i+= 1)
{
echo '<a href="'.ROOT.'/'.$dir.'.php?categoria='.($categoria).'&codigo='.$relacionados[$i].'">';
echo '» '.strtoupper($relacionados[$i]);
$query2="SELECT `nombre` FROM `seguridad_industrial` WHERE `codigo` = '".$relacionados[$i]."'";
$result2 = mysql_db_query ($dbname, $query2, $link);
$temp = mysql_fetch_array ($result2);
echo ' - '.(ucfirst($temp[nombre])).'.';
echo '</a>';
echo '<br />';
mysql_free_result($result2);
}
}
}
mysql_free_result($result);
?>
Agradezco de antemano toda ayuda, ideas, comentarios o sugerencias.