Hola Foro
Tengo el siguiente problema
Tengo una pagina formada por divs, los cuales cuando cambio el zoom
de la pagina se mantienen y se van reduciendo o agrandando conforme a los demas
excepto uno, seria logico pensar que es por que no esta contenido dentro
del div principal pero lo esta, y este div siempre que hago mas grande el zoom
de la pagina se aleja mas del resto de los objetos de la pagina al 100% se ve
bien pero si lo reduzo o si lo veo en otros monitores con distinta resolucion
se hace un desastre, dentro del primer div llamemosle izquierdo tengo una
tabla que muestra una serie de cosas obtenidas desde la base de datos,
el siguiente div llamemosle derecho solo debe de mostrar una imagen siempre la
misma imagen.
No se como hacer para que este div se mantenga dentro del div principal
cuando cambio el zoom de la pagina agradesco cualquier ayuda.
este es mi codigo
<div id="Contenido">
<div id="Tabla">
<Table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<span style="color:<?php echo $Color_Texto ?>;font-family:Arial;font-size:11px;">
<strong>Seleccione una categoría:</strong>
</span>
</td>
</tr>
</Table>
</div>
<div id="Derecho">
<div id="Imagen">
<div align="center">
<?php
$sql = "SELECT Nombre_logotipo, Width, Heigth FROM logotipos WHERE Id_campana = " . $IDCampana . " AND Tipo = 'FooterRight'";
$qry = mysql_query($sql);
while($row=mysql_fetch_object($qry))
{
$Logotipo[$i]=$row->Nombre_logotipo;
$Width[$i]=$row->Width;
$Heigth[$i]=$row->Heigth;
++$i;
echo "<img src='".$row->Nombre_logotipo."' width='".$row->Width."' heigth='".$row->Heigth."'>";
}
?>
</div>
</div>
</div>
</div>
Y estos son los css
#Contenido
{
height: auto;
width: 1000px;
margin: 0 auto;
}
#Tabla
{
margin-top: 25px;
margin-left: auto;
margin-right: auto;
border-style: none;
border-color: #990033;
border-width: 2px;
border-collapse: collapse;
width: 800px;
font-family:Arial,Helvetica, sans-serif;
font-size: 9pt;
text-align: justify;
background-color: #FFFFFF;
}
#Derecho
{
position:absolute;
top: 149px;
left: 84%;
width: 198px;
height: 63%;
}
#Imagen
{
margin-top: 425px;
}